Это очень важно для меня, я хочу знать, как получить значения из разных вариантов, имеющих разные варианты для них.
пример кода:
<select name="select1" >
<option> helo</option>
<option>hai</option>
</select>
<select name="select2" >
<option>thanks alot</option>
</select>
Из технологий, которые вы отметили в своем вопросе, я понял, что вам нужно получить значения из раскрывающегося списка и отправить его через jquery ajax для сервлета. Почему бы вам не подумать о добавлении 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.
}
});
}
Надеюсь, это вам поможет.
$('[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 для примера, проверьте консоль, чтобы увидеть обновление значений.