获取 Jquery 中所选选项的文本值

Question

我有一些自定义 Jquery，它从 select 列表中获取 ID，并用 selected 的那些填充辅助 select 列表。

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

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

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

获取 Jquery 中所选选项的文本值

Get text value of selected option in Jquery

javascript

arrays

jquery