-1

こんにちは、私はドロップダウンリストとテキストボックスを持っています。私が欲しいのは、テキストボックスに書かれた製品をドロップダウンリストに動的に追加することです。値も複製しないでください。

列 id と product を持つテーブル [products] を作成したので、ドロップダウンリストに追加された製品はそのテーブルに追加する必要があります。

それを機能させる方法に関するアイデア、ヘルプ、提案をいただければ幸いです

<div id="dropdown-container">
    <asp:TextBox ID="txtProduct" runat="server"></asp:TextBox><a id="add"
        href="javascript:void(0)">Add</a>
    <select id="product">
    <option>please select</option>
 </select>
</div>
4

1 に答える 1

1

あなたが始めるかもしれないいくつかのコード。実際のソースを見ずにあなたを助けるのは難しい.

テキストボックスのキーアップ イベントで:

$(function(){

    $('#add').click(function(){

         var $productTextbox = $('#txtProduct');

         $.get('producthandler.ashx', 
               {  productName: $productTextbox.val() 

                     /* try to make use of 
                     an ID instead of name here */
               })
               .done(function(response){

                   var $option = 
                             $('<option>' + $productTextbox.val() + '</option>');

                   if(response.productDoesNotExist)
                       $('#product').append($option);
               }
         });


    });

});

実際のデータソースがどのように見えるかを教えていただければ、より詳細な例を示すことができます。

于 2013-09-16T11:58:28.840 に答える