需要將選擇標簽選項值傳遞給ajax函數

Question

當我按下添加按鈕時，我需要獲取選擇標簽值的值

這是我的ajax文件

function insertDep(){
   var ajaxRequest;
   try{
      ajaxRequest = new XMLHttpRequest();
   }catch (e){
      try{
         ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
      }catch (e) {

         try{
            ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
         }catch (e){
            alert("Your browser broke!");
            return false;
         }
      }
   }
   ajaxRequest.onreadystatechange = function(){   
      if(ajaxRequest.readyState == 4){
         var ajaxDisplay = document.getElementById('addmegp');
         ajaxDisplay.innerHTML = ajaxRequest.responseText;
      }
   }
   var unitnamedept = document.getElementById('unitnamedept').value;


   var queryString =  "?unitnamedept=" + unitnamedept;
   ajaxRequest.open("GET", "insertDept.php" + queryString, true);
   ajaxRequest.send(null); 
}

這是我的html文件

<select> <option name="unitnamedept" id="unitnamedept" value="0" >--</option> <option value="D01">D01</option> <option value="D02">D02</option> <option value="D03">D03</option> <option value="D04">D04</option> </select>

<input type="button" name="ang" align="right" value="Add" onclick="insertDep()"/>

**我還有一個名為insertDept.php的頁面** 我使用此頁面來顯示

<?php
$unitnamedept = $_GET['unitnamedept'];
echo "$unitnamedept";
?>

當我按下僅接收0值的按鈕時，任何幫助請...

Answer 1

使用：selected Selector獲取選項的值-jQuery

要么

使用e.options[e.selectedIndex].value
其中var e = document.getElementById('SelectID')不是選項

Answer 2

<select name="unitnamedept" id="unitnamedept"> <option  value="0" >--</option> <option value="D01">D01</option> <option value="D02">D02</option> <option value="D03">D03</option> <option value="D04">D04</option> </select>

<input type="button" name="ang" align="right" value="Add" onclick="insertDep()"/>

更改id和name屬性以不選擇我所給的選項

Answer 3

需要在選項 @NarendraSisodia中的select not中放置名稱和id屬性