Question

对我来说非常重要，我想知道如何从不同的选项中获取具有不同选项的值。

示例代码：

  <select name="select1" >
    <option> helo</option>
    <option>hai</option>
 </select>

  <select name="select2" >
    <option>thanks alot</option>

 </select>

Answer 1

$('[name="select1"]').val();

和

$('[name="select2"]').val();

将使用jQuery获取当前标记的选定值。当值改变时，它不会改变，它只会是你调用该代码时的状态。

如果您需要在每次更改时更新值，您可以绑定到change事件，如下所示：

$('[name="select1"]').on('change', function(){
    select1_change = $(this).val();

    //logging the changed value for demo
    console.log('select1 has changed to: ', select1_change);
});

有关示例，请参阅this JS fiddle，检查控制台以查看值更新。

Answer 2

根据您在问题中标记的技术，我了解您需要从下拉列表中获取值并通过jquery ajax将其发送到servlet。你为什么不考虑在你的下拉列表中添加id？像这样在html中，

<select name="select1" id="select1">
    <option> helo</option>
    <option>hai</option>
</select>

<select name="select2" id="select2">
    <option>thanks alot</option>
</select>

在你的javascript中，

function updateValues(){
   var value1 = $("#select1").val();
   var value2 = $("#select2").val();
   $.ajax({
        url: "ur_servlet_url&value1="+value1+"&value2="+value2,              
        type: "POST", 
        success: function(data){
             //If you want to return anything in jsp.
    } 
   });
}

希望这会对你有所帮助。

如何从不同的选择（下拉列表）中获取值？

2 个答案: