0

jQuery を使用して HTML 選択ボックスからオプションを選択するにはどうすればよいですか? ドロップダウンではなく、選択ボックス (単一選択) を使用しています。選択値とテキストを取得する必要があります。

これが私のコードですが、jQuery関数がありません:

<html>
  <head>
    <script type='text/javascript'>
      val choiceVal = "None!";
      val choiceText = "None!";
      //So what is the function?
    </script>
  </head>
  <body>
    <select id="myListChoices">
      <option value="1">Choice 1</option>
      <option value="2">Choice 2</option>
      <option value="3">Choice 3</option>
    </select>
  </body>
</html>

より明確にする：私の質問の目標は、リスト項目のクリックで選択された値やテキストを返すハンドラーを書くことであることに注意してください。したがって、たとえば、ユーザーがページの「Choice 2」をクリックすると、jQuery は何らかの方法で (どのように?) アラートを発生させるか、選択した値/テキストを変数に入力する必要があります。

4

1 に答える 1

0

change選択リストのイベントをキャプチャします。

$('select').on('change', function () {
    alert($('option:selected').val() +' : '+ $('option:selected').text());
});

上記では、必要に応じて、選択したオプション val() および text() を返します。

于 2013-03-23T21:41:04.960 に答える