Как я могу получить выбранное значение раскрывающегося поля с помощью jQuery?& Лт; br > Я пытался использовать
var value = $('#dropDownId').val();
а также
var value = $('select#dropDownId option:selected').val();
но оба возвращают пустую строку.
var value = $('#dropDownId:selected').text()
Должно работать нормально, см. Этот пример:
& Лт;!- начать фрагмент: js скрыть: false - >
$(document).ready(function(){
$('#button1').click(function(){
alert($('#combo :selected').text());
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="combo">
<option value="1">Test 1</option>
<option value="2">Test 2</option>
</select>
<input id="button1" type="button" value="Click!" />
& Лт;!- конец фрагмента - >
Попробуйте этот jQuery
$("#ddlid option:selected").text();
или это JavaScript
var selID=document.getElementById("ddlid");
var text=selID.options[selID.selectedIndex].text;
Если вам нужен доступ к значению, а не к тексту, попробуйте использовать метод val ()
вместо text ()
.
Проверьте ниже ссылки на скрипке.
[Demo1][1] | [Demo2][2]
попробуй это
$("#yourDropdown option:selected").text();
Я знаю, что это ужасно старый пост, и мне, вероятно, следует пороть это жалкое воскресение, но я подумал, что поделюсь парой ОЧЕНЬ полезных маленьких фрагментов JS, которые я использую в каждом приложении в своем арсенале...
Если печатать:
$("#selector option:selected").val() // or
$("#selector option:selected").text()
стареет, попробуйте добавить эти маленькие кометы в глобальный файл * .js
:
function soval(a) {
return $('option:selected', a).val();
}
function sotext(a) {
return $('option:selected', a).text();
}
и просто напишите soval ("#selector");
илиsotext ("#selector");
вместо! Получите еще более причудливый, объединив их и вернув объект, содержащий как «значение», так и «текст»!
function so(a) {
my.value = $('option:selected', a).val();
my.text = $('option:selected', a).text();
return my;
}
Это экономит мне кучу драгоценного времени, особенно в тяжелых условиях!
Это предупредит выбранное значение. Код JQuery...
$(document).ready(function () {
$("#myDropDown").change(function (event) {
alert("You have Selected :: "+$(this).val());
});
});
HTML-код...
<select id="myDropDown">
<option>Milk</option>
<option>Egg</option>
<option>Bread</option>
<option>Fruits</option>
</select>
Еще один проверенный пример:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$('#bonus').change(function() {
alert($("#bonus option:selected").text());
});
});
</script>
</head>
<body>
<select id="bonus">
<option value="1">-$5000</option>
<option value="2">-$2500</option>
<option value="3">$0</option>
<option value="4">$1</option>
<option value="5">We really appreciate your work</option>
</select>
</body>
</html>
Для выбранного текста используйте:
value: $('#dropDownId :selected').text();
Для выбранного значения используйте:
value: $('#dropDownId').val();
Вы предоставили свой элемент выбора с идентификатором?
<select id='dropDownId'> ...
Ваше первое утверждение должно работать!
Попробуйте это, оно получает значение:
$ ('select # myField') .find ('option: selected') .val ();
Чтобы получить значение jquery из раскрывающегося списка, вы просто используете функцию ниже, только что отправленную id
, и получаете выбранное значение:
function getValue(id){
var value = "";
if($('#'+id)[0]!=undefined && $('#'+id)[0]!=null){
for(var i=0;i<$('#'+id)[0].length;i++){
if($('#'+id)[0][i].selected == true){
if(value != ""){
value = value + ", ";
}
value = value + $('#'+id)[0][i].innerText;
}
}
}
return value;
}
использовать
$('#dropDownId').find('option:selected').val()
Это должно работать :)
& Лт;!- начать фрагмент: js hide: ложная консоль: истинная павиана: false - >
function fundrp(){
var text_value = $("#drpboxid option:selected").text();
console.log(text_value);
var val_text = $("#drpboxid option:selected").val();
console.log(val_text);
var value_text = $("#drpboxid option:selected").attr("vlaue") ;
console.log(value_text);
var get_att_value = $("#drpboxid option:selected").attr("id")
console.log(get_att_value);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<select id="drpboxid">
<option id="1_one" vlaue="one">one</option>
<option id="2_two" vlaue="two">two</option>
<option id="3_three" vlaue="three">three</option>
</select>
<button id="btndrp" onclick="fundrp()">Tracking Report1234</button>
& Лт;!- конец фрагмента - >
$("#selector <b>></b> option:selected").val()
Или
$("#selector <b>></b> option:selected").text()
Выше коды работали хорошо для меня
Я знаю, что это старое, но я обновляю это с более актуальным ответом
$( document ).on( 'change', '#combo', function () {
var prepMin= $("#combo option:selected").val();
alert(prepMin);
});
Я надеюсь, что это поможет