如何使用Jquery动态地用另一个html选择填充一个html选择

我要获取此选择的选定值：

  <td>
        <select name="colourone" id="firstcolour">
        <option>--select--</option>
        <option value="Red">Red</option>
        <option value="Navy">Navy</option>
        <option value="Royal Blue">Royal Blue</option>
        <option value="Purple">Purple</option>
        <option value="Gold">Gold</option>
        <option value="Emerald Green">Emerald Green</option>
        <option value="Maroon">Maroon</option>
        <option value="White">White</option>
        <option value="Black">Black</option>
        </select>

并使用jQuery将该select中的选定值添加到另一个select中，以便动态填充

这就是我所尝试的：

$(document).add(function(){
    $('#firstcolour').change(function(){
        $('#colouroption').append($("<option>", {"value": listone_value, "text":    listone_value})).insertAfter($('#blksize'));
    });
});

你可以用

$('#firstcolour').change(function() {
  var option = $("<option>", {
    "value": $(this).val(),
    "text": $(this).find("option:selected").text()
  });
  $('#colouroption').append(option);
});

这将添加新选项作为最后一个选项

---

如果要将新创建的选项添加为第一个选项，请使用prepend

var listone_value=$'firstcolor'。查找'option:selected'。text；也许这就是问题所在？因为当我使用你拥有的东西时，它根本不起作用。