Question

我有一个第一个html选择元素，它使用第一个Ajax函数生成第二个html选择元素，它将正常工作。第二个html元素将生成我的第三个html选择元素，但是当我执行此代码生成我的第三个选择器时，它不起作用。我想让任何人都可以帮助我？

这是代码：

$("#SystemNameSelection").on('change',function ()
{
   var SystemName = $("#SystemNameSelection").text();
   if (SystemName === "Value1") {
      $.ajax({
         url:"MyFile1.php",
         success:function(result) {
            $("#MyElementToPutTheSelector").html(result);
         }
      });
   }
   else if (SystemName === "Value2") {
      $.ajax({
         url:"MyFile2.php",
         success:function(result) {
            $("#MyElementToPutTheSelector").html(result);
         }
      });
   }
   else if (SystemName === "Value3") {
      $.ajax({
         url:"MyFile3.php",
         success:function(result) {
            $("#MyElementToPutTheSelector").html(result);
         }
      });
   }
});

Myfile1，Myfile2和MyFile3包含三个不同的html select元素。我也尝试过.change（）方法，它也不起作用。

Answer 1

试试这个。确保您使用的是最新版本的jQuery。

$("#SystemNameSelection").on('change',function ()
{
   var SystemName = $("#SystemNameSelection").text();

   switch (SystemName) {
       case "Value1":
           var myUrl = "MyFile1.php";
       case "Value2":
           var myUrl = "MyFile2.php";
       case "Value1":
           var myUrl = "MyFile3.php";
   }

   $.ajax({url:myUrl, success:function(result)
       {
         $("#MyElementToPutTheSelector").html(result);
       }
   });
});

Answer 2

今天无法使用我尝试使用此代码并且工作正常。

$("#SystemNameSelectionDiv").ready(function (){
$("#SystemNameSelection").change(function ()
{
   var SystemName = $("#SystemNameSelection").text();
   if (SystemName === "Value1") {
      $.ajax({
         url:"MyFile1.php",
         success:function(result) {
            $("#MyElementToPutTheSelector").html(result);
         }
       });
   }
   else if (SystemName === "Value2") {
      $.ajax({
         url:"MyFile2.php",
         success:function(result) {
            $("#MyElementToPutTheSelector").html(result);
         }
         });
   }
   else if (SystemName === "Value3") {
      $.ajax({
         url:"MyFile3.php",
         success:function(result) {
            $("#MyElementToPutTheSelector").html(result);
          }
        });
   }
 });
});

使用jquery按先前选择的值生成html select元素

2 个答案: