HTML get option value in javascript

Question

    <select id="ChangeViewId" onChange="changeView(this)"></select>

   function setView() {
 ..................... 
   var innerCode = '';
    for(i=0; i<viewList.length; i++) {                      
      innerCode += "<option value="+viewList[i]+">"+viewList[i]+"</option>";
     }
        document.getElementById("ChangeViewId").innerHTML=innerCode;
    }

function changeView(view)
    {       
        alert(document.getElementById('ChangeViewId').value);
    }

The values are C, Cpp,Java program. when i select Java program only Java is displaying i want Complete value Java program. I have tried with both onSelect and onClick Please help me.

JJJ · Accepted Answer · 2013-03-06 09:01:55Z

3

The script generates this HTML:

<option value=Java program>Java program</option>

That is, an option tag that has value "Java" and a property "program". You need to add quotes around the value:

innerCode += '<option value="'+viewList[i]+'">'+viewList[i]+"</option>";

answered Mar 6, 2013 at 9:01

JJJ

33.2k20 gold badges95 silver badges103 bronze badges

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

1 Comment

Amy Over a year ago

It is generally good practice to encase your Javascript strings with single quotes ' so that you can write html markup more easily.

Dreamwalker · Accepted Answer · 2013-03-06 10:34:52Z

-1

This should do it

function setView() 
{
   var innerCode = '';
   for(i=0; i< viewList.length; i++) 
   {                      
      innerCode += '<option value="'+viewList[i]+'">' + viewList[i] + '</option>';
   }

   document.getElementById("ChangeViewId").innerHTML=innerCode;
}

function changeView(view)
{       
    var objSel = document.getElementById('ChangeViewId');
    alert(objSel.options[objSel.selectedIndex].value);
}

edited Mar 6, 2013 at 10:34

answered Mar 6, 2013 at 9:00

Dreamwalker

3,0454 gold badges33 silver badges61 bronze badges

1 Comment

Dreamwalker Over a year ago

I changed the way you got alerted as you didn't specify HTML version this should work 3.2 upwards

Collectives™ on Stack Overflow

HTML get option value in javascript

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related