javascript - Jquery - 根据下拉菜单选择加载 XML 文件

Question

我是一个正在尝试创建问答应用程序的菜鸟。目前，我一直在尝试 Jquery 的明显简单性。我需要一个 Jquery 或 Javascript 函数，它 (1) 允许用户从下拉框中选择问答类别，(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"} 

})();