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">

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

1 个答案: