在Jquery中获取所选选项的文本值[重复]

Posted 2023-02-22

【中文标题】在Jquery中获取所选选项的文本值[重复]

【英文标题】：Get text value of selected option in Jquery [duplicate]

【发布时间】：2015-03-04 12:54:27

【问题描述】：

我有一些自定义的 Jquery，它从选择列表中获取 id，并使用被选择的那些填充辅助选择列表。

我的这个工作很好，但是我需要辅助选择列表需要显示所选选项的文本值。目前我只是得到实际的身份证。

有人可以帮忙吗？

JQUERY

$('#myselect').change(function() 
        var row = $(".chosen-select").val();
        $('#secondSelect').html('');
        jQuery.each(row, function(i, val) 
            $('#secondSelect').append('<option value=' + val + '>' + val) + '</option>';
        );
);

HTML

第一个选择列表

<select data-placeholder="Choose cars..." class="chosen-select" name="myselect[]" id="myselect" multiple>   
<option value="1">Vauxhall</option>                                                                                          
<option value="2">Volvo</option>
etc...
</select>

第二个选择列表

<select name="secondSelect" id="secondSelect">
    <option value="">Select Model</option>
    should be populated here..
</select>

【问题讨论】：

我不太明白发生了什么，但您可以使用.text() 而不是.val()。

好的，我很可能遗漏了一些直截了当的东西。我很欣赏我可以使用 text() 但我如何实现它是我失败的地方。

$('#secondSelect').html( $('<option />', value : $(".chosen-select").val(), text : $(".chosen-select").text()) );

检查这个小提琴，这是你想要的吗？ jsfiddle.net/Lkyvbdsz

嗨 eg_dac，几乎 :-) 它没有填充 id。

【参考方案1】：

这个呢？ fiddle

$('#myselect').change(function() 
        $('#secondSelect').html('');
        jQuery.each($("option:selected",this), function(i, val) 
            $('#secondSelect').append($(val).clone());
        );
);

【讨论】：

感谢您的快速回复。这对我来说非常有效。

@Suba 不客气 :) 如果适合你，请接受