2017-03-09 3 views
0

にデータを送ったためにドロップダウンを使用する方法、ここ私はJavaScriptとJSONでドロップダウンリストを使用し、MVCアプリケーションで

はスクリプトです:

//load List 
    $(document).ready(function() { 
     $.getJSON("/home/getProfiliList", function (data) { 
      $.each(data, function (i, data) { 
       $('<option>', 
        { 
         value: data.prof_cena, 
         text: data.prof_ime 
        }).html(data.prof_ime).appendTo("#profilID"); 
      }); 
     }) 
     //load price 
     $(function() { 
      $("[name='profilID']").on("change", function() { 
       $("#pr_cena").val($(this).val()); 
      }); 
     }); 
    }); 

今私はこの瞬間の保存にデータベースにフォームを送信するとき価格の価値として。また、私はリストの価格から自動的に何かを選択するので、私は価格の価値が必要です。

このスクリプトをテキストとしてprofilIDを送信することが可能である方法は、このスクリプトを含め、ここで

ドロップダウンのコードです:デフォルトで

<select name="profilID" id="profilID"> 
     <option value="">- LIST -</option> 
    </select> 

答えて

0

あなたが戻ってフォームを投稿するとき、それはの値を送信します選択項目で選択されたオプション。これを値に設定します。たとえば、返信するテキストを設定し、価格を取得するには、オプションを構築するときに、価格を格納するデータ属性を追加することができます。

あなたのオプションは

<option value="Text" data-price="10.00">Text</option> 

ようになり、他の代替は、フォームのために、独自の提出のハンドラを作成し、profilIDのその値のFORMDATAを変更することであろう

$("#pr_cena").val($(this).find(":selected").data('price')); 

関連する問題