1

この例が表示される場合: http://jsfiddle.net/UTjbm/1/

2番目の選択タグが変更されたときに、最初の選択オプションテキストが何であれ、アラートが表示されるようにします。

私がこれまでに調査したことで、うまくいくことを望んでいましたが、残念ながらそうではありません。私はjqueryを使用しています。

私のjsfiddleコード:

<select id="select_a">
  <option value='1'>woot1</option>
  <option value='2'>woot2</option>
  <option value='3'>woot3</option>
  <option value='4'>woot4</option>
</select>
<select id="select_b">
  <option value='1'>notwoot1</option>
  <option value='2'>notwoot2</option>
  <option value='3'>notwoot3</option>
  <option value='4'>notwoot4</option>
</select>

Javascript:

$("#select_b").change(function (){
  alert($("#select_a").options[$("#select_a").selectedIndex].text);
})
4

2 に答える 2

7

$("#select_a")はjQuery オブジェクトです

そして、要素のようにアクセスしようとしていますDOM..この構文を試してください

alert($("#select_a")[0].options[$("#select_a")[0].selectedIndex].text);

.optionsDOMオブジェクトで使用可能なプロパティです..

そのため、jQuery オブジェクトに適用しようとすると、構文エラーがスローされます。

jQuery オブジェクトを に変換するには、次のDOM objectことができます。

$("#select_a")[0] または $("#select_a").get(0)、それに対応する DOM メソッドを適用します。

または、純粋なjQueryを使用して簡単にこれを行うことができます

$("#select_a option:selected").text()

フィドルをチェック

于 2013-06-17T21:07:25.890 に答える
4

.options間違ったjQueryオブジェクトを呼び出しています

あなたはこれを行うことができます -

$("#select_b").change(function (){
  alert($("#select_a option:selected").text());
});

デモ---> http://jsfiddle.net/UTjbm/6/

于 2013-06-17T21:07:18.797 に答える