处理下拉菜单

Question

我的 html 中有一个下拉菜单，我想要的是当菜单更改时，调用 JS 函数发送所选值。我现在所拥有的是：

HTML/PHP:

<select name="selectSquad" class="SquadWeaponSelector" id="selectSquad" onchange="javascript:showWeaponEditorWindow(this.form.selectSquad);">
<?PHP
   $max = $squadNumbers - 1;
   $i = 0;
   while($i <= $max){
      echo "<option value=\"".$names_split[$i]."\"/>".$names_split[$i]."</option>";
      $i++;
   }
?>
</select>

JavaScript - 我想要发生的事情：

function showWeaponEditorWindow(squad){
   if(squad == "A PHP Value - Jack"){
      alert("jack selected");
   }
}

我将如何实现这一目标？

Answer 1

试试这个，
您需要在您的条件中分配squad.value。

<select name="selectSquad" class="SquadWeaponSelector" id="selectSquad" onchange="showWeaponEditorWindow(this);">


function showWeaponEditorWindow(squad){
   if(squad.value == "A PHP Value - Jack"){
     alert("jack selected");
  }
}

更新：

您可以使用 selectedIndex 获取选定的菜单，记住菜单索引从 0 开始；

因此将 squad.value 更改为

(squad.selectedIndex == 1) 

Answer 2

我建议您使用 jQuery 来实现此目的。你可以写：

$('#selectSquad').change(function(){
   var selectedValue = $(this).val();
   // Do anything here with the selectedValue variable
});