Question

所以我有两个选择。想法是，当用户在第一个选择中选择他的选项时，基于此选项，第二个选择的值会发生变化，并且这些值来自使用Ajax的不同文件。

<select id="subject"></select>
<select id="theme"></select>

我尝试了这个，这是行不通的。有什么帮助吗？

$('#subject').change(function(
    var v = $(this).val();
    getTheme(v);
});
function getTheme(id) {
   alert(id);
   $.ajax({
     type: "GET",
     url: 'gettheme.php',
     data: "q=" + id, 
     success: function(data) {
          $('#theme').html(data);
     }
   });
}

Answer 1

您错误地将函数语法用作function(){ 我刚试了一个例子来告诉你用法

＆＃13;

$('#subject').change(function(){
    var v = $(this).val();
    if(v==1)
     $('#theme').val(2);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="subject">
  <option value='0'>Select</option>
  <option value='1'>1</option>
  <option value='2'>2</option>
</select>
<select id="theme">
  <option value='1'>1</option>
  <option value='2'>2</option>
</select>
I tried this, which is not working. Any help ?

＆＃13;

Answer 2

jquery修复。它在我的服务器上工作。

<强>代码：

$(document).ready(function(){
$('#subject').change(function(){
   var v = $(this).val();
    getTheme(v);
});
});
function getTheme(id) {
    alert(id);
   $.ajax({
     type: "GET",
     url: "gettheme.php",
     data: "q=" + id, 
     success: function(data) {
          $('#theme').html(data);
     }
   });
}

使用Ajax，如果select 1改变了它的值，则更改select 2的选项

2 个答案: