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：从一组下拉框中，从选定的下拉框中获得选定的值

回答

相关问题