asked on

How to get selected listbox item and copy it to a text box control using Java Script.

I have an Asp.net listbox on a web form. Below that is a text box control. When I select an item from the listbox, I would like Java Script to take the selected text in the listbox and then copy it into the text box control. Can someone show me how to do this?

I am using Asp.net with C#, however I need to use Java Script to prevent postback flash. Ajax is not an option right now. Only Java Script. Can someone help me out?

Nathan Bove

Just an FYI, this really isn't an ASP.NET question, it is a javascript question and you would probably get better results if you posted in the correct area. That being said, I think you can accomplish what you want with the following code:

<asp:ListBox ID="MyListBox" runat="server" onchange="ListBoxChanged(this);">
<asp:ListItem Text="1" Value="1" />
<asp:ListItem Text="2" Value="2" />
</asp:ListBox>
<asp:TextBox ID="MyTextBox" runat="server">
<script type="text/javascript">
function ListBoxChanged(listBox) {
document.getElementById('<%= MyTextBox.ClientID %>').value = listBox.items[listBox.selectedIndex].text;
}
</script>

brgdotnet

ASKER

Hi nbove. I can't get your code to work. Your code does not work.

I have been working with various Java Script and can't get it to work with Asp.net listboxes. I think with Asp.net the listbox working with Java Script is different then just your typical listbox control. So I think the question should remain in Asp.net since the Java Script needs to work with the listbox control.

ASKER CERTIFIED SOLUTION

Nathan Bove

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

brgdotnet

ASKER

Thanks Champ!