How do I get the value not the text selected.but the value inside < value=something>

Question

<select id="bethorse">
  <option value="horse1">White</option>
  <option value="horse2">Blue</option>
  <option value="horse3">Green</option>
  <option value="horse4">Brown</option>
</select>

S searched but the answers were for the selected text and I used this code bethorse= document.getElementById('bethorse').value;. It gives me number of the position the test. For example value 3 for horse4 just like in array.

https://stackoverflow.com/a/1085810/4229270 – Sinto Jul 19 '17 at 12:49 — Sinto, Jul 19 '17 at 12:49

score 0 · Answer 1 · edited Jul 19 '17 at 12:46

0

var e = document.getElementById("bethorse");
var option = e.options[e.selectedIndex].value;

The variable option will hold the value of selected option.

edited Jul 19 '17 at 12:46

deceze

510,633
85
743
889

answered Jul 19 '17 at 12:46

Adrian

8,271
2
26
43

score 0 · Answer 2 · edited Jul 19 '17 at 12:49

0

Your code is working in this example:

<select id="bethorse">
      <option value="horse1">White</option>
      <option value="horse2">Blue</option>
      <option value="horse3">Green</option>
      <option value="horse4">Brown</option>
    </select>

<button onclick="javascript:alert(document.getElementById('bethorse').value);">
    test
</button>

edited Jul 19 '17 at 12:49

deceze

510,633
85
743
889

answered Jul 19 '17 at 12:48

Stefan Koenen

2,289
2
20
32

@deceze wow it is working now don't what happened before thanks tho. – Shiva Khattri Jul 19 '17 at 12:52

How do I get the value not the text selected.but the value inside < value=something>

2 Answers2