Как я могу получить значение из окна выбора в javascript?

Question

       <table border="1"> 
            <tr> 
             <th> 
              SR No.<br /> 
             </th> 
             <th> 
              Name 
             </th> 
             <th> 
              Address 
             </th> 
             <th> 
              Area 
             </th> 
             <th> 
              City 
             </th> 
             <th> 
              Contact No. 
             </th> 
             <th> 
              Volunteer List 
             </th> 
             <th> 
              Bird Namea 
             </th> 
             <th> 
              Status 
             </th> 
             <th> 
              Send SMS 
             </th> 
            </tr> 
            <?php 
             while($row = mysql_fetch_array($pager->result)) 
             { 
            ?> 
            <tr> 
             <td> 
              <?php echo $row['InqID']; ?> 
             </td> 
             <td> 
              <?php echo $row['InqFromName']; ?> 
             </td> 
             <td> 
              <?php echo $row['InqFromAddress']; ?> 
             </td> 
             <td> 
              <?php echo $row['InqArea']; ?> 
             </td> 
             <td> 
              <?php echo $row['InqCity']; ?> 
             </td> 
             <td> 
              <?php echo $row['InqContactNo']; ?> 
             </td> 
             <td> 
             <select name="volunteerSelect1" id="volunteerSelect1"> 
              <option value="" selected="selected">Please Select Volunteer</option> 
              <?php 
               $select="SELECT * FROM tran_ngovolent where ngovolentNGOCode=".$ngoSelectId; 
               //echo $select; 
               $result=mysql_query($select); 
               while($rowBird=mysql_fetch_array($result)) 
               { 
                echo"<option value=".$rowBird['ngovolentMobile']." id='volmobile'>".$rowBird['ngovolentName']."</option>"; 
               } 
              ?> 
             </select> 
             </td> 
             <td> 
              <?php 
               $birdID=$row['InqBirdType']; 
               $birdSelect="SELECT Bird_Name FROM mst_bird WHERE Bird_Code=".$birdID; 
               $result=mysql_query($birdSelect); 
               while($bird_name=mysql_fetch_array($result)) 
               { 
                $birdname=$bird_name['Bird_Name']; 
                echo $birdname; 
               } 
              ?> 
             </td> 
             <td> 
              <?php 
               $inqStatus=$row['InqStatus']; 
               if($inqStatus==0) 
               { 
                echo "<a href='index.php?id=".$row['InqID']."&status=status&page=".$pageid."' onclick='return confirmAction()'>Pending</a>"; 

               }else 
               { 
                echo "Finished"; 
               } 
              ?> 
             </td> 
             <td> 
              <input type="button" name="SendSMS" value="Send SMS" onclick="smsNgo(<?php echo $birdID;?>,<?php echo "'".$row['InqFromAddress']."'";?>,<?php echo "'".$birdname."'";?>,<?php echo "'".$row['InqCity']."'";?>,<?php echo "'".$row['InqArea']."'";?>,<?php echo "'".$row['InqFromName']."'";?>,<?php echo "'".$row['InqContactNo']."'";?>);return sms()"/> 
             </td> 
            </tr> 
            <?php 
             } 
            ?> 
            <tr> 
             <td colspan="10"> 
              <?php echo $pager->show(); ?> 
             </td> 
            </tr>  
           </table> 

В этой программе я получаю значение из базы данных в своем поле выбора. показать это изображение

В первом окне выбора я получил отличное место в своем JavaScript, но другое значение поля выбора пусто или пусто. Вот мой код JavaScript и Ajax.

function smsNgo(birdno,address,birdname,city,area,name,contact) 
{ 
//document.write(mobile1); 
var ngocontact = document.getElementById("volunteerSelect1").value; 
//var ngocontact = selectElement.options[selectElement.selectedIndex].value; 

var xmlhttp; 
if (window.XMLHttpRequest) 
{// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
     //document.getElementById("smsStatus").innerHTML=xmlhttp.responseText;; 
    window.open("http://localhost/goal_bird/admin/edit.php","_self"); 

    } 
    } 
var url="http://www.****.co.in/sendsms.aspx?mobile=******&pass=******& senderid=SMSIdea&to="+ngocontact+"&msg=Bird id is "+birdno+" "+birdname+" "+name+"  "+address+" "+area+" "+city+" "+contact; 
document.write(url); 
xmlhttp.open("POST",url,true); 
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
xmlhttp.send(); 
setTimeout("location.href='index.php'",2000); 
} 

Answer 1

Вы можете сделать имя добровольцаSelect1 уникальным, добавив к нему уникальный уникальный идентификатор. Может быть, InqID в данном случае?

<select name="volunteerSelect_<?php echo $row['InqID']; ?>" 
    id="volunteerSelect_<?php echo $row['InqID']; ?>"> 

Answer 2

С первого взгляда, я могу видеть имя = "" для всех <select> теги одни и те же ... "volunteerSelect1"

попробовать использовать что-то вроде volunteerSelect [ID] или volunteerSelect []

То же самое относится и к ид = «» атрибут, все они используют один и тот же идентификатор, это используется JavaScript для идентификации конкретного элемента DOM

Однако вы не можете использовать [] в ИО попробовать volunteerSelect_ID

Это, вероятно, проблема, атрибут ID

Answer 3

изменить это <select name="volunteerSelect1" id="volunteerSelect1"> к этому

<select name="volunteerSelect1" id="volunteerSelect<?php echo $row['InqID']; ?>"> 

, этот <input type="button" name="SendSMS" value="Send SMS" onclick="smsNgo(<?php echo $birdID;?>,<?php echo "'".$row['InqFromAddress']."'";?>,<?php echo "'".$birdname."'";?>,<?php echo "'".$row['InqCity']."'";?>,<?php echo "'".$row['InqArea']."'";?>,<?php echo "'".$row['InqFromName']."'";?>,<?php echo "'".$row['InqContactNo']."'";?>);return sms()"/>

к этому <input type="button" name="SendSMS" value="Send SMS" onclick="smsNgo(<?php echo $row['InqID']; ?>,<?php echo $birdID;?>,<?php echo "'".$row['InqFromAddress']."'";?>,<?php echo "'".$birdname."'";?>,<?php echo "'".$row['InqCity']."'";?>,<?php echo "'".$row['InqArea']."'";?>,<?php echo "'".$row['InqFromName']."'";?>,<?php echo "'".$row['InqContactNo']."'";?>);return sms()"/>

, этот function smsNgo(birdno,address,birdname,city,area,name,contact) этому function smsNgo(inqid,birdno,address,birdname,city,area,name,contact)

и, наконец, этот var ngocontact = document.getElementById("volunteerSelect1").value;

к этому var ngocontact = document.getElementById("volunteerSelect" + inqid).value;

В общем, что я сделал, что я добавил уникальный идентификатор для каждого переключателе в соответствии с inqid. Затем я вызываю функцию smsNgo с этим идентификатором и выбираю правильный selectbox :)

Answer 4

Поскольку вы отметили это как jquery. поэтому, чтобы получить значение из выпадающего списка, вы будете использовать что-то вроде this