How to get the selected value from select box in html

Question

i want to get the selected option from select box.I have this code:

<select id="sel">
<option selected>Seciniz</option>
    <%for(int i=1;i<k+1;i++){kullancounter++; %>
<option class="up"><%=ka[i] %></option>
    <%} %>
</select>
<input type="button" onclick="katsec()" value="Ekle">
               <script>
    function katsec(){
        alert('asd');
        var a=document.getElementById('sel').value;
        alert(a);
        document.getElementById('tak').innerHTML=a;
    }
        </script>

but it opens alert but there is nothing in alert.What should i do?Thanks

That's not the proper way to retrieve the selected value via javascript. The question has been answered multiple times: http://stackoverflow.com/questions/1085801/how-to-get-the-selected-value-of-dropdownlist-using-javascript — Raul Rene, Jul 10 '14 at 06:59
@HardikBhalani: If the `value` attribute is not present, the text of the ` — Felix Kling, Jul 10 '14 at 07:02
I found the solution from link that @RaulRene sent.Thanks you all a lot. — user3783144, Jul 10 '14 at 07:13

score 0 · Answer 1 · answered Jul 10 '14 at 07:00

Some browsers - namely, Internet Explorer - doesn't handle the value property of <select>s correctly. There's a workaround that work for every browser, though:

function katsec(){
    var sel = document.getElementById('sel'),
        idx = sel.selectedIndex,
        val = idx > -1 ? sel.options[sel].text : '';
    alert(val);
    document.getElementById('tak').innerHTML = val;
}

How to get the selected value from select box in html

1 Answers1