0

私のページには、追加ボタンのあるコンボ ボックスがあります。追加ボタンをクリックしたときに元のコンボ ボックスの下に新しいコンボ ボックスを作成するにはどうすればよいですか? もう一度クリックすると、別のコンボ ボックスが生成されます。各コンボ ボックス内の値は、データベースから呼び出されます。

4

2 に答える 2

4

これが例ですが、中間層とバックエンド部分を自分で作成する必要があります。

例： http： //jsfiddle.net/9hvbt/3/

JavaScript

$('#btnAdd').click(function(){
    //Use Ajax to talk to your server (middle tier)
    $.ajax({
        url: '/echo/json/', //Replace with your URL to return Database data (JSON format)
        dataType: 'json', 
        type: 'get', 
        success: function(data){
            //Use the returned data to pass into CreateDropDown (Hard coded for an example)
            CreateDropDown(["Item 1", "Item 2", "Item 3"]); 
        }
    });
}); 

function CreateDropDown(data){
    var $newSelect = $('<select />'); 
    $.each(data, function(i, val){
        $newSelect.append($('<option />', {
            'text':val
        }));            
    });  
    $newSelect.appendTo('#dropDowns'); 
}

HTML

<div id='dropDowns'>
    <select>
    <option>Item 1</option>
    <option>Item 2</option>
    <option>Item 3</option>
    </select>
</div>
<input type='button' id='btnAdd' value="Add" />​

編集

jQueryのAJAXメソッドについても読む必要があります

于 2012-05-08T02:49:12.310 に答える
1

jqueryのアイデアはありますか？jquery clone() は、この問題を解決するのに役立ちます

JQuery .clone()

実際の例: http://jsfiddle.net/laupkram/6LBNs/

あなたの問題の場合、これを研究してみてください

jQuery と Ajax を使用した ComboBox の動的読み込み

于 2012-05-08T02:35:24.653 に答える