How to take the selection of a JavaScript dropdown menu and put it in a label in asp.net

Question

I have this JavaScript for a dropdown menu, but I don't know how to take the selected value from it.

<select name="slist" >
   <script language="javascript">
      var states = new Array("Afghanistan", "Albania", "Algeria", "Andorra", "Angola", "Antarctica");
       for (var hi = 0; hi < states.length; hi++)
          document.write("<option value=\"" + states[hi] + "\">" + states[hi] + "</option>");
          document.getSelection(states);

   </script>
</select>

I've tried using this command:
document.getElementById("Label1").InnerHTML = states;
but it did not work. How to create a function that would give me the selected value in a label.text? p.s. the dropdown menu is taken from www.hscripts.com

I forgot to mention that I have this menu in an update panel because I need a flicker free post back. when I click on my submit button the menu loses it's content, why?

spassvogel · Accepted Answer · 2013-12-23 10:05:57Z

1

What about this:

<select name="slist" id="slist">
   <script language="javascript">
      var states = new Array("Afghanistan", "Albania", "Algeria", "Andorra", "Angola", "Antarctica");
       for (var hi = 0; hi < states.length; hi++)
          document.write("<option value=\"" + states[hi] + "\">" + states[hi] + "</option>");
          document.getSelection(states);

       var sel = document.getElementById("slist");
       sel.addEventListener('change', function() {
          document.getElementById("Label1").innerHTML = sel.value;
       });
   </script>
</select>
<div id="Label1"></div>

answered Dec 23, 2013 at 10:05

spassvogel

3,5592 gold badges20 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sridhar R · Accepted Answer · 2013-12-23 09:57:44Z

0

Try this

For getting selected value after appending select box

var e = document.getElementById("slist");
var strUser = e.options[e.selectedIndex].value; //Getting Value
document.getElementById("Label1").InnerHTML = strUser //Appending value to your label

answered Dec 23, 2013 at 9:57

Sridhar R

20.4k7 gold badges41 silver badges35 bronze badges

Comments

Dhaval Marthak · Accepted Answer · 2013-12-23 10:03:58Z

0

You can try like this:

<select id="slist" name="slist" onchange="getSelectedState()">  
....................
</select>

Your javascript function:

function getSelectedState(){
  var elem = document.getElementById("slist"); //Get Element here
  var state = elem.options[elem.selectedIndex].text;   //Get  value from dropdown or you can get text also
  document.getElementById("selectedState").innerText = state; // initialize label here
}

JS Fiddle Demo

answered Dec 23, 2013 at 10:03

Dhaval Marthak

17.4k6 gold badges48 silver badges69 bronze badges

5 Comments

Amarnath Balasubramanian Over a year ago

your answer does not supports him..!!

Dhaval Marthak Over a year ago

@Amarnath how can you say that?

Amarnath Balasubramanian Over a year ago

have you seen his coding?? he said javascript dropdown..!!

Dhaval Marthak Over a year ago

@Amarnath Can you define javascript dropdown?

Amarnath Balasubramanian Over a year ago

see he is getting the values through dropdown and not in the option as you have done. check his coding and then please provide appropriate solution

Collectives™ on Stack Overflow

How to take the selection of a JavaScript dropdown menu and put it in a label in asp.net

3 Answers 3

Comments

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related