Jquery：從一組下拉框中，從選定的下拉框中獲得選定的值

我有許多帶有不同ID的下拉框。Jquery：從一組下拉框中，從選定的下拉框中獲得選定的值

$("select").change(function(e) { 
 
    alert($(this).val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td> 
 
     <select id='priceType1' name='priceType1'> 
 
     <option value='SRP'>SRP</option> 
 
     <option value='DP'>DP</option></select> 
 
    </td> 
 
    </tr> 
 

 
    <tr> 
 
    <td> 
 
     <select id='priceType2' name='priceType2'> 
 
      <option value='SRP'>SRP</option> 
 
      <option value='DP'>DP</option></select> 
 
    </td> 
 
    </tr> 
 

 
    <tr> 
 
    <td> 
 
     <select id='priceType3' name='priceType3'> 
 
      <option value='SRP'>SRP</option> 
 
      <option value='DP'>DP</option></select> 
 
    </td> 
 
    </tr> 
 
</table>

現在，每當我選擇adrop選項下，我將如何得到選擇的值。我試過下面的代碼，但它不起作用。我需要在jQuery中執行此操作，因爲我希望在選定的值後具有ajax代碼。

來源

2017-07-27 user3383911

這個代碼將工作 – Vineesh

@Vineesh我知道它應該工作，但是當我改變一個選項時沒有警報。 – user3383911

你的代碼有效，有什麼問題？你能描述場景和預期的行爲 –

以下是工作代碼。使用on()與change。你可以得到選擇的值，以及所有3選擇下拉菜單：

$("select").on('change', function() { 
 
    console.log('Selected Value' + $(this).val()); 
 
    $("select option:selected").each(function(k, v) { 
 
    console.log('Option ' + k + ' Value: ' + $(this).val()); 
 
    }) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td> 
 
     <select id='priceType1' name='priceType1'> 
 
    <option value='SRP'>SRP</option> 
 
    <option value='DP'>DP</option></select> 
 
    </td> 
 
    </tr> 
 

 
    <tr> 
 
    <td> 
 
     <select id='priceType2' name='priceType2'> 
 
     <option value='SRP'>SRP</option> 
 
     <option value='DP'>DP</option></select> 
 
    </td> 
 
    </tr> 
 

 
    <tr> 
 
    <td> 
 
     <select id='priceType3' name='priceType3'> 
 
     <option value='SRP'>SRP</option> 
 
     <option value='DP'>DP</option></select> 
 
    </td> 
 
    </tr> 
 
</table>

來源

2017-07-27 06:43:28

Your code is correct but add select box change event written in document ready function ? that is the mistake.

值JQuery的

<script> 
$(document).ready(function(){ 

    $("select").change(function(e){ 
     alert($(this).val()); 
    }); 

}); 
</script>

來源

2017-07-27 07:42:06

Jquery：從一組下拉框中，從選定的下拉框中獲得選定的值

回答

相關問題