javascript - 如何检测下拉列表的选定值

Question

当我从第一个下拉列表中选择一个项目时，将触发一个 ajax 事件，调用另一个函数将信息加载到第二个下拉列表中。我不想要这个(请不要按钮解决方案)

<select id=combo1>
   <option>...</option>
   ...  
</select>
<input type=button onclick="loadCombo2()">

Answer 1

你可以这样做:

<select id="combo1" onchange="requestSend(this.value);">
options..........
</select>

<select id="combo2">
options...........
</select>


<script>
  function requestSend(txt)
  {
     $.ajax({
      url:'process.jsp',
      data: "v=" + txt,
      cache:false,
      success: function(response){
       $("#combo2").val(response);
      }
     });
  }
</script>

....

填充 Combo2 选项:

要填充 combo2 选项，您需要在处理 ajax 请求的脚本中创建它们，例如在 php 中(我不知道您使用的是哪种语言)，我将在 ajax 处理脚本中执行类似的操作:

// db queries to get data or whatever
// create a variable that will hold options and shown in combo2

$options = '<option value="whatever">whatever</option>' . "\n";
$options .= '<option value="whatever">whatever</option>' . "\n";
$options .= '<option value="whatever">whatever</option>' . "\n";
//........ etc

// Now we send back the $options variable which will populate the combo2
echo $options;