ドロップダウンリストをmvcビューのテキスト領域にコピーする - JQuery/Javascript

Question

ドロップダウンリストで選択したテキストオプションをMVCビューのテキスト領域Jqueryにコピーしようとしていますが、 tのテキストを表示..任意のヘルプ？

<div class="form-group"> 
      @Html.Label("LocationText", "Location Letter Text ", htmlAttributes: new { @class = "control-label col-md-2" }) 
      <br /> 
      @Html.DropDownList("RemarksId", null, new { id = "RemarksId", @class = "form-control" }) 
      <div class="col-md-10"> 
      </div> 
     </div> 

     <div class="form-group"> 
      <div class="col-md-10"> 
       @Html.LabelFor(model => model.Remarks, htmlAttributes: new { @class = "control-label col-md-2" }) 
      </div> 
      @Html.TextAreaFor(model => model.Remarks, new { @class = "form-control", id = "Remarks", rows = 5, cols = 70 }) 
      @Html.ValidationMessageFor(model => model.Remarks, "", new { @class = "text-danger" }) 
     </div> 

jQueryの

@section Scripts { 
    @Scripts.Render("~/bundles/jqueryval") 
    <script src="~/Scripts/jquery-1.10.2.min.js"></script> 
    <script type="text/jscript"> 
     $(function() { 
     $('#RemarksId').change(function() { 
     var str= $("#RemarksId option:selected").text(); 
     $('#Remarks').val(str); 
     }); 
    }); 
    </script> 
} 

Answer 1

あなたは.textの方法を使用して、ドロップダウンリストから選択したオプションの値を取る必要があります。 コードスニペットの下

$(function() { 
     $('#RemarksId').change(function() { 
     var str= $(this).val(); 
     $('#Remarks').val(str); 
     }); 
    }); 

を参照してください。そして、ドロップダウンオプションから 変更 オプション値=「1」 にオプションID =「1」

をすべてのオプションのためにこれを行うには、上記コードはあなたのために働くでしょう。

もここFiddle

が、それはあなたのために働くかどう私に教えてくださいデモフィドルを参照してください。

ありがとうございました