Solved

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

Posted on 2011-03-08
4
580 Views
Last Modified: 2012-05-11
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?
0
Comment
Question by:brgdotnet
  • 2
  • 2
4 Comments
 
LVL 7

Expert Comment

by:nbove
ID: 35072760
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>
0
 
LVL 2

Author Comment

by:brgdotnet
ID: 35074439
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.
0
 
LVL 7

Accepted Solution

by:
nbove earned 260 total points
ID: 35075093
I tested and the code works.  Give me a bit more information other than "Your code does not work." and I might be able to help you.
0
 
LVL 2

Author Closing Comment

by:brgdotnet
ID: 35137577
Thanks Champ!
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Problem Hi all,    While many today have fast Internet connection, there are many still who do not, or are connecting through devices with a slower connect, so light web pages and fast load times are still popular.    If your ASP.NET page …
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Nobody understands Phishing better than an anti-spam company. That’s why we are providing Phishing Awareness Training to our customers. According to a report by Verizon, only 3% of targeted users report malicious emails to management. With compan…
The Email Laundry PDF encryption service allows companies to send confidential encrypted  emails to anybody. The PDF document can also contain attachments that are embedded in the encrypted PDF. The password is randomly generated by The Email Laundr…

803 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question