javascript - 在 Jquery 中获取所选选项的文本值

Question

这个问题已经有答案了:

jQuery get specific option tag text (23 个回答)

已关闭 8 年前。

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

我这个工作得很好，但是我需要辅助选择列表需要显示所选选项的文本值。目前我只得到实际的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>

Answer 1

这个怎么办？ fiddle

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