根据下拉列表中的选择将预定义值插入文本框答案

【问题标题】：Inserting predefined value into textbox based on selection from dropdown list根据下拉列表中的选择将预定义值插入文本框
【发布时间】：2017-01-12 09:51:41
【问题描述】：

我有一个简单的下拉列表，其中有 3 个选项可供选择，下面还有一个文本框。用户选择一个选项后，我需要将其值作为文本插入到文本框中 - 如果客户选择“Employee 1”，“TextBoxEmployee”将填充“1”，依此类推。

<asp:DropDownList runat="server" ID="Assigned_Employee">
    <asp:ListItem Value="1" Text="Employee 1">Employee 1</asp:ListItem>
    <asp:ListItem Value="2" Text="Employee 2">Employee 2</asp:ListItem>
    <asp:ListItem Value="3" Text="Employee 3">Employee 3</asp:ListItem>
</asp:DropDownList>

<asp:TextBox ID="TextBoxEmployee" runat="server"/>

你能推荐最简单的方法吗？我可以使用 jQuery 吗？感谢您的帮助:)

【问题讨论】：

$('#Assigned_Employee').change(function(){ $('#TextBoxEmployee').val(this.value);}

标签： jquery asp.net drop-down-menu textbox dropdown

【解决方案1】：

请找thisfiddle，它会对你有所帮助

添加文档就绪功能，您可以根据下拉选择设置预定义的文本框值，而页面加载和更改功能将更改文本框的值

$(function(){
  $("#TextBoxEmployee").val($(".changeclass").val())
})

$(".changeclass").on("change",function()
{
   $("#TextBoxEmployee").val($(this).val())
});

【讨论】：

【解决方案2】：

对于这样的事情你可以选择原生js为：

var sel = document.querySelector('#<%= TextBoxEmployee.ClientID %>'),
    inp = document.querySelector('#<%= Assigned_Employee.ClientID %>');

sel.addEventListener('change', function(e){
   inp.value = this.value;
});

【讨论】：