2016-03-14 2 views
1

Не могли бы вы рассказать мне, что я делаю неправильно. Я пытаюсь выбрать новое значение выпадающего списка. Я пытаюсь проверить, что у меня есть gopt новое значение, вызвав функцию предупреждения, в которой значение выводится как неопределенное, но я могу правильно выбрать идентификатор. Код ниже:Выбор значения раскрывающегося списка с помощью onchange

<?php 
    require'includes/opendb.php'; 
    $DNS = $_GET['DNS'] 
?> 
<html> 
    <head> 

    </head> 

    <body> 
     <p> 
      This section allows you to connect Uplink ports to different switches. Be sure that all the information is correct before you submit. 
     </p> 
     <form action="" method="post" enctype = "multipart/form-data"> 
      <table border = 1> 
       <tr> 
        <td>DNS From</td> 
        <td>DNS To</td> 
       </tr> 
        <?php 
         $DNS_FROM = $DNS."_port-%"; 
         $select = "SELECT * FROM `uplink_port_mapping` WHERE DNS_From LIKE '$DNS_FROM'"; 
         $select1 = mysqli_query($conn, $select); 
         $select2 = "SELECT DNS_From FROM `uplink_port_mapping` WHERE DNS_From NOT LIKE '$DNS_FROM' AND DNS_To = ''"; 
         $select3 = mysqli_query($conn, $select2); 
         $i = 0; 
         while($uplink_from = mysqli_fetch_assoc($select1)){ 
          echo "<tr>"; 
           echo "<td>".$uplink_from['DNS_From']."</td>"; 
           echo "<td>"."<select name = 'uplink_to_".$i."' id = 'uplink_to_".$i."' Onchange = 'dropdown(this)'> 
            <option value = '".$uplink_from['DNS_To']."' selected='selected'>". $uplink_from['DNS_To']."</option>"; 

           mysqli_data_seek($select3, 0); 

           while($uplink_to = mysqli_fetch_assoc($select3)){ 
            echo "<option value='".$uplink_to['DNS_From']."'>".$uplink_to['DNS_From']."</option>"; 
           } 
           echo"</select>"; 
           echo"</td>"; 
          echo"</tr>"; 
          ++$i; 
         } 
        ?> 
      </table> 
     </form> 
    </body> 
</html> 
<script> 
    function dropdown(checkbox){ 
     var id = checkbox.id; 
     var value = checkbox.val; 
     alert("You have changed "+id+" to "+value) 
    } 
</script> 

HTML ВЕРСИЯ ОТ ХРОМ ИСТОЧНИК

<html> 
    <head> 

    </head> 

    <body> 
     <p> 
      This section allows you to connect Uplink ports to different switches. Be sure that all the information is correct before you submit. 
     </p> 
     <form action="" method="post" enctype = "multipart/form-data"> 
      <table border = 1> 
       <tr> 
        <td>DNS From</td> 
        <td>DNS To</td> 
       </tr> 
        <tr><td>HEPSAN02_port-00</td><td><select name = 'uplink_to_0' id = 'uplink_to_0' Onchange = 'dropdown(this)'> 
            <option value = 'HEPSAN5_port-00' selected='selected'>HEPSAN5_port-00</option><option value='HEPSAN03_port-24'>HEPSAN03_port-24</option><option value='HEPSAN1_port-01'>HEPSAN1_port-01</option><option value='HEPSAN1_port-02'>HEPSAN1_port-02</option><option value='HEPSAN4_port-18'>HEPSAN4_port-18</option><option value='HEPSAN4_port-19'>HEPSAN4_port-19</option></select></td></tr><tr><td>HEPSAN02_port-01</td><td><select name = 'uplink_to_1' id = 'uplink_to_1' Onchange = 'dropdown(this)'> 
            <option value = 'HEPSAN5_port-01' selected='selected'>HEPSAN5_port-01</option><option value='HEPSAN03_port-24'>HEPSAN03_port-24</option><option value='HEPSAN1_port-01'>HEPSAN1_port-01</option><option value='HEPSAN1_port-02'>HEPSAN1_port-02</option><option value='HEPSAN4_port-18'>HEPSAN4_port-18</option><option value='HEPSAN4_port-19'>HEPSAN4_port-19</option></select></td></tr><tr><td>HEPSAN02_port-02</td><td><select name = 'uplink_to_2' id = 'uplink_to_2' Onchange = 'dropdown(this)'> 
            <option value = '' selected='selected'></option><option value='HEPSAN03_port-24'>HEPSAN03_port-24</option><option value='HEPSAN1_port-01'>HEPSAN1_port-01</option><option value='HEPSAN1_port-02'>HEPSAN1_port-02</option><option value='HEPSAN4_port-18'>HEPSAN4_port-18</option><option value='HEPSAN4_port-19'>HEPSAN4_port-19</option></select></td></tr>   </table> 
     </form> 
    </body> 
</html> 
<script> 
    function dropdown(checkbox){ 
     var id = checkbox.id; 
     var value = checkbox.val; 
     alert("You have changed "+id+" to "+value) 
    } 
</script> 

Спасибо за любую помощь :)

ответ

1

Изменения Made

var value = checkbox.val;кvar value = checkbox.value;

Рабочая Демонстрационный

function dropdown(checkbox) { 
 
    var id = checkbox.id; 
 
    var value = checkbox.value; 
 
    alert("You have changed " + id + " to " + value) 
 
}
<p> 
 
    This section allows you to connect Uplink ports to different switches. Be sure that all the information is correct before you submit. 
 
</p> 
 
<form action="" method="post" enctype="multipart/form-data"> 
 
    <table border=1> 
 
    <tr> 
 
     <td>DNS From</td> 
 
     <td>DNS To</td> 
 
    </tr> 
 
    <tr> 
 
     <td>HEPSAN02_port-00</td> 
 
     <td> 
 
     <select name='uplink_to_0' id='uplink_to_0' Onchange='dropdown(this)'> 
 
      <option value='HEPSAN5_port-00' selected='selected'>HEPSAN5_port-00</option> 
 
      <option value='HEPSAN03_port-24'>HEPSAN03_port-24</option> 
 
      <option value='HEPSAN1_port-01'>HEPSAN1_port-01</option> 
 
      <option value='HEPSAN1_port-02'>HEPSAN1_port-02</option> 
 
      <option value='HEPSAN4_port-18'>HEPSAN4_port-18</option> 
 
      <option value='HEPSAN4_port-19'>HEPSAN4_port-19</option> 
 
     </select> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td>HEPSAN02_port-01</td> 
 
     <td> 
 
     <select name='uplink_to_1' id='uplink_to_1' Onchange='dropdown(this)'> 
 
      <option value='HEPSAN5_port-01' selected='selected'>HEPSAN5_port-01</option> 
 
      <option value='HEPSAN03_port-24'>HEPSAN03_port-24</option> 
 
      <option value='HEPSAN1_port-01'>HEPSAN1_port-01</option> 
 
      <option value='HEPSAN1_port-02'>HEPSAN1_port-02</option> 
 
      <option value='HEPSAN4_port-18'>HEPSAN4_port-18</option> 
 
      <option value='HEPSAN4_port-19'>HEPSAN4_port-19</option> 
 
     </select> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td>HEPSAN02_port-02</td> 
 
     <td> 
 
     <select name='uplink_to_2' id='uplink_to_2' Onchange='dropdown(this)'> 
 
      <option value='' selected='selected'></option> 
 
      <option value='HEPSAN03_port-24'>HEPSAN03_port-24</option> 
 
      <option value='HEPSAN1_port-01'>HEPSAN1_port-01</option> 
 
      <option value='HEPSAN1_port-02'>HEPSAN1_port-02</option> 
 
      <option value='HEPSAN4_port-18'>HEPSAN4_port-18</option> 
 
      <option value='HEPSAN4_port-19'>HEPSAN4_port-19</option> 
 
     </select> 
 
     </td> 
 
    </tr> 
 
    </table> 
 
</form>

+0

почему вы в том числе JQuery? – jeff

+0

Спасибо. Я чувствую себя таким идиотом .. :( – Deepak

+0

@jeff Его по привычке при создании фрагмента кода. Спасибо, что указали его. Я отредактирую свой ответ –

Смежные вопросы