如何将下拉列表中的选定值传递给差异文本框？

Question

I have a dropdown list and some textboxes (5). I would like to pass each selected item to respectively textbox1, textbox2... and so on. How can I achieve this in either C# or jquery?

Thanks

Answer 1

Use SelectedIndexChanged .

Something like this:

Code Front:

<asp:DropDownList runat="server" id="MyDropDown" AutoPostBack="True" OnSelectedIndexChanged="MyDropDown_SelectedIndexChanged">
  ...
</asp:DropDownList>

Code Behind:

void MyDropDown_SelectedIndexChanged(Object sender, EventArgs e)
{
  var selectedValue = ((DropDownList)sender).SelectedValue;
  if (!string.IsNullOrEmpty(textbox1.Text))
    textbox1.Text = selectedValue;
  else if (!string.IsNullOrEmpty(textbox2.Text))
    textbox2.Text = selectedValue;
  ...
}

Answer 2

i = 0

function setTextInTextField()
{
    document.getElementById('textfield' + i).value = document.getElementById('dropdownlist').value;
    i += 1;
}

Answer 3

You can use jQuery to do so:

    <asp:DropDownList id="MyDropDown" runat="server" ClientIDMode="Static"/>
    <asp:TextBox id="MyTextBox" runat="server" ClientIDMode="Static"/>

$(document).ready(function(){
     $('select#"MyDropDown").change(function(){
     $('input#"MyTextBox").val($(this).val());
    });
});

Please take a look at the following url:

http://api.jquery.com/val/

Hope this helps you out!