如何使用 jquery 将所选文本下拉列表设置为输入

Question

我有一个DropDownList和一个Input。我想要实现的是从DropDownList中获取选定的项目文本，并使用jquery为Input设置文本，我该怎么做。

下面是代码。

<div class="form-group">
    @Html.LabelFor(model => model.APIId, "APIId", htmlAttributes: new { @class = "control-label col-md-2", @id = "apiid" })
    <div class="col-md-10">
        @Html.DropDownList("APIId", null, htmlAttributes: new { @class = "form-control" })
        @Html.ValidationMessageFor(model => model.APIId, "", new { @class = "text-danger" })
    </div>
</div>
<div class="form-group">
    @Html.LabelFor(model => model.ActionText, htmlAttributes: new { @class = "control-label col-md-2", @id = "actiontext" })
    <div class="col-md-10">
        @Html.EditorFor(model => model.ActionText, new { htmlAttributes = new { @class = "form-control" } })
        @Html.ValidationMessageFor(model => model.ActionText, "", new { @class = "text-danger" })
    </div>
</div>

Answer 1

你可以像下面这样做 [由于我无法获得您的选择和输入框的 id 或类，所以我采用一般方法]

$(document).ready(function(){
  $('input[type="text"]').val($('select option:selected').text());
});

注意：- 需要在此脚本代码之前添加jQuery库才能使其工作

一个硬编码的例子：-

$(document).ready(function(){
  $('input[type="text"]').val($('select option:selected').text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
<option value="1">Hey</option>
<option value="2">Check</option>
<option value="3">I</option>
<option value="4">am</option>
<option value="5" selected>Working Fine!</option>
</select>
<input type="text">