2017-02-28 15 views
-1

div MVCに動的に追加されたtexboxを使用してフォームを送信する方法。 こんにちは、div MVCに動的なテキストボックスを追加してフォームを送信するには?

テキストボックス(フルネーム)、年齢、(電話番号、電話番号タイプ) のフォームを送信したいと思います。電話番号、電話番号など。

Name -michale 
age- 27 
Phone:989878767 phonetype - mobile 
Phone 022787656 phonetype- office 

このフォームを送信して、データをデータベースに保存します。 しかしformcollectionの電話では、phonetypeは別の配列として来ています。 したがって、電話番号を見つけることができません。モバイルまたはオフィスです。

+0

[複数のデータと呼ばれる同じ部分ビューをコントローラに送信しますか?](http://stackoverflow.com/questions/28019793/submit-same-partial-view-called-multiple-times-data-to-コントローラ) –

答えて

0

汚い方法: 数と連結名を使用します。

<body> <div id="listPhones"> 
    <div> 
     <input type="text" name="phone00"/><input type="text" name="phonetype00"/> 
    </div> 
</div> 
<bouton onclick="addPhone()">More</bouton> 

<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.3.min.js"> </script> 
<script type="text/javascript"> 
function addPhone() { 
      var nbr_phone = $("#listPhones").children().length; 
      $("#listPhones").append("<div><input type='text' name='phone" + nbr_phone + "'/><input type='text' name='phonetype"+ nbr_phone + "'/></div>"); }  </script> 
</body> 
0

はどのようにあなたが提出しているペイロードを構築しているの?

可能です。POST JSON -

{"name":"foo", "age":"123", "phone":[{"type":"mobile", "no":"12345"}, {"type":"home", "no":"345678"}]} 

あなたは、このような何か<input /> Sを構築している場合:

<ul> 
    <li>Name: <input type="text" name="name" /></li> 
    <li>Age: <input type="text" name="age" /></li> 

    <li>Phone type: 
     <input type="radio" name="phone[0][type]" value="mobile" /> Mobile 
     <input type="radio" name="phone[0][type]" value="home" /> Home 
    </li> 
    <li>Phone: <input type="text" name="phone[0][no]" /></li> 

    <li>Phone type: 
     <input type="radio" name="phone[1][type]" value="mobile" /> Mobile 
     <input type="radio" name="phone[1][type]" value="home" /> Home 
    </li> 
    <li>Phone: <input type="text" name="phone[1][no]" /></li> 

    </ul> 
    <input type="submit" value="go" /> 

第Hを。

関連する問題