jqueryを使用してマルチテキストドロップダウンと一緒に選択したテキストとid値を他のドロップダウンに移動する

Question

私はマルチ選択ドロップダウンを持っています。選択したテキストと値はすべて、他のドロップダウンの各エントリとして表示されます。私はこのようにコード化しましたが、動作しません。複数選択ドロップダウンのすべての選択は、他のドロップダウンの1つの項目に追加されます。別のエントリとして表示されません。

#LstCashAccountは複数選択ドロップダウンで、#ddlDefaultCashは複数選択ドロップダウンリストで選択した項目が

$('#LstCashAccount').change(function() { 

    $("#ddlDefaultCash").empty(); 
    $("#ddlLoyaltyAcc").empty(); 
    var CashAcc = ""; 
    var CashAccId = $("#LstCashAccount").val(); 
    CashAccIdSplit = CashAccId.splice(",") 
    CashAcc = $(this).find("option:selected").text(); 
    CashAccSplit = CashAcc.split(".") 

    $("#ddlDefaultCash").append('<option class="InputDefCash" Id=' + CashAccIdSplit + '>' + CashAccSplit + '</option>'); 

}); 

Answer 1

ので、複数の問題がここにある影響を及ぼし取得する必要がドロップダウンです。

最初に、.append()機能が実際にアイテムを作成していることに気づくことが重要です。あなたはを一度と呼んでいるので、複数の項目があることを期待するのは、率直に言って、ちょっとばかげています。

第2に、無効な文字列に.splice()を使用しています。私は.split()を行うことを意味していましたが、あなたのHTMLマークアップなしでは、暗闇の中でちょっとしたショットです。

そして最後に、あなたのCashAccSplit変数が（と、私は仮定し、あなたのCashAccIdSplitがあることををを想定している）配列です。これを文字列と連結するだけで、配列全体が出力されます。

我々はこれをクリーンアップする場合は、あなたがより多くの次のようなものを探しているかもしれない...

$('#LstCashAccount').change(function() { 

    $("#ddlDefaultCash").empty(); 
    $("#ddlLoyaltyAcc").empty(); 

    var CashAcc = $(this).find("option:selected").text(); 
    var CashAccId = $("#LstCashAccount").val(); 

    var CashAccIdSplit = CashAccId.split(",") 
    var CashAccSplit = CashAcc.split(".") 

    //Use .each to iterate through the array, append each member as an item 
    $.each(CashAccIdSplit, function(index, item) { 
     $("#ddlDefaultCash").append('<option class="InputDefCash" Id=' + CashAccIdSplit[index] + '>' + CashAccSplit[index] + '</option>'); 
    }); 

});