Получить выбранный ключ/значение поля со списком, используя jQuery

Пожалуйста, как я могу получить выбранный ключ и значение поля выбора HTML-кода с помощью jQuery?

$(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?
    }
});

Спасибо

Ответы

Ответ 1

Я предполагаю, что "ключ" и "значение" вы имеете в виду:

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

Если это произойдет, это даст вам значение "VALUE":

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

И вы можете получить "КЛЮЧ" следующим образом:

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

Ответ 2

Это работает:

<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());
});

Ответ 3

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

который возвращает 1, если вы выбрали a и т.д.

Ответ 4

$(this).find("select").each(function () {
    $(this).find('option:selected').text();
});

Ответ 5

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

Это даст выделенный текст Combo-Box.

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

Это даст выбранное значение, связанное с выбранным элементом в Combo-Box.

$("#elementName option").length;

Он даст значения многоточечного combobox в массиве, а длина даст число элементов массива.

Примечание: # elementName является идентификатором Combo-box.