0

みなさん、こんにちは。異なる選択ボックスから2つの値を取得するにはどうすればよいですか。選択ボックスで最初の値を取得しましたが、別の選択ボックスから2番目の値を取得できません。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>
4

5 に答える 5

1

jQuery のヒント - 選択リストの値を取得する

var foo = []; 
    $('#multiple :selected').each(function(i, selected){ 
      foo[i] = $(selected).text(); 
    });
于 2012-09-14T08:48:26.990 に答える
1

jQueryの助けを借りて（解決策ではなくロジックを提案します）

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

ワーキングデモ

于 2012-09-14T08:57:00.190 に答える
1

2 番目の選択ボックスは 2 番目のフォームにあります。そう：

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() );
});
于 2012-09-14T08:50:20.060 に答える
1 
 $(document).ready(function () {
$('#sel').change(function(){ $('#sel option:selected').val();  });

あなたの選択コントロールにIDを与えます

<SELECT id="sel">
于 2012-09-14T08:54:00.203 に答える
0

あなたが入れたので、あなたはあなたのjavascriptに間違っています 

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

入れてみてください

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

そしてそれは動作します！

于 2012-09-14T08:50:45.680 に答える