如何在javascript中获取不同的选定值

How to get different selected values in javascript?

本文关键字：获取 javascript      更新时间：2023-09-26

大家好，我如何从不同的选择框中获得两个值？我在选择框中获得第一个值，但无法从另一个选择框中获取第二个值。这是我的javascript代码：

       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
      <script type="text/javascript">
 $(document).ready(function () {
              var select = document.forms[0].sel;
              var select2=document.forms[0].sel2;
              select.onchange = function () {
                  var value = select.options[select.selectedIndex].value; // to get Value
               alert(value);
              }
               select2.onchange = function () {
                  var value2 = select2.options[select2.selectedIndex].value; // to get Value
               alert(value2);
              }
          });
        </script>
 <form>
<SELECT NAME="sel" onChange="split(selected value)">
<OPTION VALUE=1>Milk</option>
<OPTION VALUE=2>tea</option>
<OPTION VALUE=3>water</option>
<OPTION VALUE=4>coffee</option>
</SELECT>
</form>
 <form>
<SELECT NAME="sel2" onChange="split(selected value)">
<OPTION VALUE=1>Milk</option>
<OPTION VALUE=2>tea</option>
<OPTION VALUE=3>water</option>
<OPTION VALUE=4>coffee</option>
</SELECT>
</form>

第二个选择框是第二种形式。因此：

var select2 = document.forms[1].sel2;

也就是说，你实际上可以使用jQuery来处理这些事情：

// bind a change event handler to the second select
$("select").eq(1).on("change", function() {
  alert( $(this).val() );
});
jQuery提示-获取选择列表值 
var foo = []; 
    $('#multiple :selected').each(function(i, selected){ 
      foo[i] = $(selected).text(); 
    });

 $(document).ready(function () {
$('#sel').change(function(){ $('#sel option:selected').val();  });

给你的选择控制 id

<SELECT id="sel">

在jQuery的帮助下（我建议的是逻辑，而不是解决方案）

$(document).on('change', 'select', function(){    
   var selecetdOption = $(this).val();
          alert(selecetdOption );    
});​

工作演示

您的javascript中有错误，因为您放入了

var select2=document.forms[0].sel2;

尝试放置

 var select2=document.forms[1].sel2;

它起作用了！

相关文章：