2017-05-17 3 views
1

私は3つの入力、そのうちの一つでモーダルを開くよクリックは、私はアクティブなユーザーのいくつかを選択することができますドロップダウンであり、2つの別の入力があります私がドロップダウンであらかじめ選択したそのユーザーのタイトルと説明を書くことができる場所です。今、私は何をしたいのモーダルからの情報を選択すると、私のコントローラ(C#の)に送信することであり、私はjavascriptオブジェクトを作成し、私のC#のコントローラーに選択したユーザー、タイトル、説明と、そのオブジェクトを送信する必要がありますね。ここでブートストラップモーダルから値を取得し、コントローラにそれらを送信するためにどのようにC#MVC

は私のモーダルコードです:私たちがしようとしても、それを呼び出すことができるかどう

<div class="modal-content"> 
      <div class="modal-header btn-info" style="font-weight:bold;color:white;"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h5 class="modal-title modal-sm">Title</h5> 
      </div> 
      <div class="modal-body"> 
       <form id="formCompose" class="form-horizontal form-label-left input_mask" method="post"> 
        <div class="form-group"> 
         <label class="control-label col-md-3 col-sm-3">User</label> 

         <div class="col-md-9 col-sm-9"> 
          @Html.DropDownList("UserID", new SelectList(ViewBag.Users, "Id", ".Name"), "Name", new { @class = "form-control" }) 
         </div> 
        </div> 
        <div class="form-group"> 
         <label class="control-label col-md-3 col-sm-3">Title</label> 

         <div class="col-md-9 col-sm-9"> 
          <input type="text" class="form-control"> 
          <span class="fa fa-comment form-control-feedback right" aria-hidden="true"></span> 
         </div> 
        </div> 
        <div class="form-group"> 
         <label class="control-label col-md-3 col-sm-3">Description</label> 

         <div class="col-md-9 col-sm-9"> 
          <textarea id="message" rows="7" required="required" class="form-control" name="message" 
             data-parsley-trigger="keyup" data-parsley-minlength="20" 
             data-parsley-maxlength="100" 
             data-parsley-minlength-message="You need to enter at least a 20 caracters long description comment.." 
             data-parsley-validation-threshold="10"></textarea> 

          <span class="fa fa-language form-control-feedback right" aria-hidden="true"></span> 

         </div> 
        </div> 
       </form> 
      </div> 

そしてここでは、私はJavaScriptを使用して試してみましたものです:

<script type="text/javascript"> 
    var user = {User: "I need Id from dropdown here probably", Title: "Title from modal ", Description: "Description from modal" }; 
</script> 

私は本当にどのように取得するアイデアを持っていけません値を入力してac#コントローラに送信します。あらゆる種類の助けが素晴らしいだろう!

みんなありがとう 乾杯

あなたは controller

<form id="formCompose" action="@Url.Action("MyAction", "MyController")" class="form-horizontal form-label-left input_mask" method="post"> 

actionに提出する形でaction属性を追加する必要が

答えて

1

name属性の値は、モデルのProperty名と同じ名前である必要があります

<label class="control-label col-md-3 col-sm-3">Title</label> 

         <div class="col-md-9 col-sm-9"> 
          <input type="text" name="Title" class="form-control"> 
          <span class="fa fa-comment form-control-feedback right" aria-hidden="true"></span> 
         </div> 

と変更name="message"name="Description""UserID"〜とモデルにsubmit buttonを追加してフォームを送信してaction

に送信してください
関連する問題