web-dev-qa-db-ja.com

jQueryを使用してコンボボックスの選択されたキー/値を取得する

JQueryを使用して、HTML選択コンボボックスの選択されたキーと値を取得するにはどうすればよいですか?

$(this).find("select").each(function () {
    if ($.trim($(this).val()) != '') {
        searchString += $.trim($(this).val()) + " "; //This gives me the key. How can I get the value also?
    }
});

ありがとう

39
Amit

「キー」と「値」とは次のことを意味します。

<select>
    <option value="KEY">VALUE</option>
</select>

その場合、これにより「VALUE」が取得されます。

$(this).find('option:selected').text();

そして、次のような「キー」を取得できます。

$(this).find('option:selected').val();
85
David Tang

これは動作します:

<select name="foo" id="foo">
<option value="1">a</option>
<option value="2">b</option>
<option value="3">c</option>
</select>
<input type="button" id="button" value="Button" />

$('#button').click(function() {
    alert($('#foo option:selected').text());
    alert($('#foo option:selected').val());
});
24
<select name="foo" id="foo">
 <option value="1">a</option>
 <option value="2">b</option>
 <option value="3">c</option>
  </select>
  <input type="button" id="button" value="Button" />
  });
  <script> ("#foo").val() </script>

aを選択した場合は1を返します。

8
Alborz
$(this).find("select").each(function () {
    $(this).find('option:selected').text();
});
4
Calum
$("#elementName option").text(); 

これにより、選択されたコンボボックスのテキストが表示されます。

$("#elementName option").val();

これにより、コンボボックスで選択されたアイテムに関連付けられた選択値が提供されます。

$("#elementName option").length;

配列内の複数選択コンボボックス値を提供し、長さは配列の要素数を提供します。

#elementNameはコンボボックスのIDです。

0
Laxman G