Take Value from drop down by javascript without using form

Question

I have a a drop down filed like below.

HTML and PHP

 <select id="selectform_0">
    <option value="0">1</option>
    <option value="1">2</option>
    <option value="2">3</option>
    <option value="3">4</option>
    <option value="4">5</option>
    </select>


<input type="button" onclick="selectValue(<?php echo $id; ?>)
">

And Javascript

<script>
function selectValue(id)
{
  //take select value
  alert(selectvalue);
}
</script>

is there anyway to take value from it by javascript strictly by not using <form>

possible duplicate of [How to get selected value of dropdownlist using JavaScript?](http://stackoverflow.com/questions/1085801/how-to-get-selected-value-of-dropdownlist-using-javascript) — Zoltan Toth, May 14 '12 at 10:27

Ashwin Krishnamurthy · Answer 1 · 2012-05-14T10:40:42.113

Yes you can.

Markup

<select id='myselectform' name="selectform_0">
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
</select>

JS

   //If you want the values when an action takes place, say, onchange
    document.getElementById("myselectform").onchange = function(){
        alert(this.value)
    }
   //Or this way,
    var t = document.getElementById("myselectform");
    var selectedElem = t.options[t.selectedIndex].value;

   //Or if you just want the whole list of values then do something like this,
   var t = document.getElementById("myselectform").getElementsByTagName("option");

    for(var i=0,len=t.length; i<len; i++)
    {
      alert(t[i].getAttribute("value"))
    }

score 1 · Accepted Answer · answered May 14 '12 at 10:44

Try this

Javascript

<script>
function selectValue(id)
{ 
var obj = document.getElementById("selectform_"+id).options[document.getElementById("selectform_"+id).selectedIndex].value;
alert(obj);
}
</script>

HTML

<select id="selectform_0">     
<option value="0">1</option>     
<option value="1">2</option>     
<option value="2">3</option>     
<option value="3">4</option>     
<option value="4">5</option>     
</select> 

<input type="button" onclick="selectValue(<?php echo $id; ?>) ">

score -1 · Answer 3 · answered May 14 '12 at 10:35

-1

you can use jQuery

$("#myselectform").val();

or

$("#myselectform").attr("selected");

answered May 14 '12 at 10:35

unarity

2,339
2
21
17

The OP wants answers in pure javascript i guess. There is no jquery tag in the question. – Ashwin Krishnamurthy May 14 '12 at 10:37
1

I understood that but when he wrote "strictly" I assumed that he want client side code not server side. – unarity May 14 '12 at 10:43

Take Value from drop down by javascript without using form

3 Answers3