HTML select option value

Question

I have a select option :

<select>
    <option value="select">select</option>
    <option value="audi">Audi</option>
    <option value="bmw">BMW</option>
    <option value="vw">VW</option>
</select>

Now what I want is that whatever option I select from the dropdown, the value in the select should always be "select". Thanks.

set the value attribute of al the <option>'s to select? — 11684
– 11684, Commented Oct 17, 2012 at 7:59
You should explain what you really mean and why. Phrases like “the value in the select” are vague and ambiguous. And it really sounds like you would want to create a select element where all choices have the same effect – why? — Jukka K. Korpela
– Jukka K. Korpela, Commented Oct 17, 2012 at 8:15

Fabrizio Calderan · Accepted Answer · 2012-10-17 07:59:54Z

3

you could try something like this:

<select id="yourselect">
    <option value="select">select</option>
    <option value="audi">Audi</option>
    <option value="bmw">BMW</option>
    <option value="vw">VW</option>
</select>


<script>
   var s = document.getElementById('yourselect');
   s.onchange = function() {
      s.selectedIndex = 0;  // on change event always select the first option
   }
</script>

Example Fiddle : http://jsfiddle.net/8geek/

answered Oct 17, 2012 at 7:59

Fabrizio Calderan

124k26 gold badges171 silver badges183 bronze badges

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

1 Comment

defau1t Over a year ago

document.getElementById('youselect'); should be document.getElementById('yourselect');

epoch · Accepted Answer · 2012-10-17 08:00:35Z

0

Add an event listener for an onchange event, in that listener you set the currently selected option to Select dynamically

answered Oct 17, 2012 at 8:00

epoch

16.7k5 gold badges50 silver badges72 bronze badges

Comments

Uirri · Accepted Answer · 2012-10-17 08:29:04Z

0

Like Jukka mentioned, it seems like you want a select element where all the choices have the same effect? However, you should at least store the the chosen option.

Maybe this is something you are looking for: http://jsfiddle.net/NfRRM/

answered Oct 17, 2012 at 8:29

Uirri

2731 silver badge11 bronze badges

1 Comment

Mak Over a year ago

The effect should not be the same. I am calling different functions on selection of different options. Only what option I have selected should not be reflected.

Collectives™ on Stack Overflow

HTML select option value

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related