Kopieren Sie die Dropdown-Liste ausgewählte Option in den Textbereich auf MVC View-- JQuery/Javascript

Question

Ich versuche zu kopieren oder setzen Sie die Text-Option in der Dropdown-Liste Textbereich Jquery auf MVC View und ich wählen Sie durch den Textbereich doesn ' t zeige den Text .. Irgendwelche Hilfe?

<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

Sie müssen den Wert der gewählten Option aus Dropdown nehmen Methode .text. finden Sie unter Code-Schnipsel

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

Und aus den Dropdown-Optionen Änderung option value = "1" zu Option id = "1"

dies für alle Optionen tun, und die oben Code wird für Sie arbeiten.

siehe auch Demo-Geige hier Fiddle

Lassen Sie mich wissen, ob es für Sie arbeitet oder nicht.

Dank