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

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);
});

有关示例，请参见此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.
    } 
   });
}

希望这对您有所帮助。