如何通過在jQuery中使用其他下拉菜單設置下拉文本和值

Question

這是我的代碼

我有如下的ddlvehicle

<option value="1">A</option>
<option value="2">B</option>        
<option value="3">C</option>                

ddl=Ctrl("ddlvehicle");
$("#ddltrVehicle").empty();
for(var i=2;i<=ddl.options.length;i++)
{
    $("#ddltrVehicle").append("<option value="+ddl.options[i-1].value+">"+ddl.options[i-1].value+"</option>");
} 

我想將ddlvehicle分配給ddltrvehicle，我的代碼只能得到如下結果

我有如下的ddltrVehicle

<option value="1">1</option>
<option value="2">2</option>        
<option value="3">3</option>                

請幫助獲得類似於ddlvehicle的ddltrVehicle。 提前致謝。

Answer 1

嘗試使用類似的text ，

var ddl=$("#ddlvehicle")[0];
$("#ddltrVehicle").empty();
for(var i=2;i<=ddl.options.length;i++)
{
   $opt="<option value="+ddl.options[i-1].value+">"+ddl.options[i-1].text+"</option>";
                         // ---------------------------------------- ^ Use text here
   $("#ddltrVehicle").append($opt);
} 

演示

Answer 2

讓我們試試這個：

for(var i = 0; i < $('#ddlvehicle').children().length; i++){
  $('#ddltrvehicle').append($('#ddlvehicle').children().eq(i));
}

Answer 3

我不太清楚這個問題，但是如果您要將ddlvehicle所有選項復制到ddltrvehicle

嘗試這個：

$('#ddltrVehicle').html($('#ddlvehicle').html().trim());

在jsfiddle中

Answer 4

嘗試這樣的事情

        $(function(){
            $('#ddltrvehicle').html('');
            var option = '';
            $('#ddlvehicle option').each(function(){
                option  += '<option value="'+this.value+'">'+this.value+'</option>';
            })
            $('#ddltrvehicle').html(option);
        })