Question

我有简单的下拉列表，其中有3个选项可供选择，下面是一个文本框。用户选择一个选项后，我需要将其值作为文本插入文本框 - 如果客户选择＆＃34;员工1＆＃34;，＆＃34; TextBoxEmployee＆＃34;将填充＆＃34; 1＆＃34;等等。

<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吗？谢谢你的帮助：）

Answer 1

请找this小提琴帮助你

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

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

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

Answer 2

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

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

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

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

2 个答案: