jQuery-根據下拉菜單選擇加載XML文件

Question

我是一個嘗試創建問答應用程序的菜鳥。 目前，我一直在嘗試使用Jquery的簡單性。 我需要一個Jquery或Javascript函數，該函數（1）允許用戶從下拉框中選擇一個Q＆A類別，（2）告訴Jquery代碼根據用戶的選擇選擇哪個XML文件。 選擇XML文件后如何處理是另一回事。

我成功創建了帶有預定義XML文件變量的函數-

$("#target").click(function() { 
    var a = 'TestFile2.xml';
    var b = 'TestFile3.xml';
    var c = 'TestFile4.xml';
    $.ajax({
        url: c,
        type: 'GET', 
        dataType: 'xml',
        success: parseXML
    });
})

但是，我無法創建將XML文件連接到下拉菜單的函數。 這是我一直在嘗試的JavaScript函數-

<div id="target">
  Click here
</div>

<script type="text/javascript">

function (selFile() 
{

var p = document.LoadCategory.Load.value;

    if (p == "testFile2") {var x = "TestFile2.xml"}     

    if (p == "testFile3") {var x = "TestFile3.xml"}         

    if (p == "testFile4") {var x = "TestFile4.xml"} 

})

$("#target").click(function()

{ 

 $.ajax({

            url: x,

            type: 'GET', 

            dataType: 'xml',

            success: parseXML

       });
})

我在上面嘗試了許多變體，但無濟於事。 我有一種感覺，我在做一些非常簡單，非常錯誤的事情。 如果有任何提示或建議，我將不勝感激。

Answer 1

您需要在函數selFile聲明之前上移var x ：

var x;
function (selFile() 
//... rest of your code

並從if語句中刪除var語句：

if (p == "testFile2") {x = "TestFile2.xml"}     
if (p == "testFile3") {x = "TestFile3.xml"}         
if (p == "testFile4") {x = "TestFile4.xml"} 

編輯：

正確的自我執行功能還應該是：

var x;
(function selFile() {
    var p = document.LoadCategory.Load.value;
    if (p == "testFile2") {x = "TestFile2.xml"}     
    if (p == "testFile3") {x = "TestFile3.xml"}         
    if (p == "testFile4") {x = "TestFile4.xml"} 

})();