如何通过使用JQuery传递选项的值来获取选项的文本？

Question

  

可能重复：
  jQuery get select option text

我有一个下拉列表如下：

<select id="systemMessageList" name="systemMessageList">
    <option value="-1">--- Choose One ---</option>  
    <option value="120">niempo</option>  
    <option value="119">quartero</option>  
    <option value="118">mileno</option>  
</select>

我想要：我会传递示例119的值，它会在JQuery中返回文本quartero吗？

Answer 1

对于所选选项的文本，您需要：

$('#systemMessageList option:selected').text();

对于您可以使用的值

$('#systemMessageList').val();

修改：其他答案可能就是您想要的。我只是向您展示如何获取选择的选项的文本和值。

Answer 2

试试这个：

$('option[value="'+$('#systemMessageList').val()+'"]').text();

因此，如果选择了119，则会返回：quartero

或者您可以创建某种函数来获取任何选项值的文本：

function getOptionText(option){
    return $('option[value="'+option+'"]').text();
}

getOptionText(119); // yields quartero

Answer 3

var text = $('#systemMessageList option[value="119"]').text();

Answer 4

试试这个：

function getOptionText(value){
    return $('#systemMessageList option[value="' + value + '"]').text(); 
}

alert(getOptionText(119));