Question

Hello everyone how can I get two values from different select boxes? I get first value in my select box but I can’t get the second value from another select box.Here is my javascript code:

       <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>

Answer 1

The second select box is in the second form. So:

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

That said, you can actually use jQuery for these things:

// bind a change event handler to the second select
$("select").eq(1).on("change", function() {
  alert( $(this).val() );
});