Работа с DropDown Menu

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
});