javascript - How to set form option selected by value not by index

Here i have read how to set a form option selected by index

<select name="sel"> 
  <option value="o1">option1</option>
  <option value="o2">option2</option>
</select>

document.getElementsByName('sel')[0].selectedIndex = 0; or
document.getElementsByName('sel')[0].selectedIndex = 1;

but is it possible to set an option selected by referencing an option value instead of index?

Here i have read how to set a form option selected by index

<select name="sel"> 
  <option value="o1">option1</option>
  <option value="o2">option2</option>
</select>

document.getElementsByName('sel')[0].selectedIndex = 0; or
document.getElementsByName('sel')[0].selectedIndex = 1;

but is it possible to set an option selected by referencing an option value instead of index?

Share Improve this question edited May 23, 2017 at 11:58 CommunityBot 11 silver badge asked Feb 28, 2013 at 15:25 Viktor 6334 gold badges10 silver badges27 bronze badges

Add a ment |

1 Answer 1

Sorted by: Reset to default 7

You could just set the value property of the <select> element, as answered in How do I programatically set the value of a select box element using javascript?

<select name="sel"> 
    <option value="o1">option1</option>
    <option value="o2">option2</option>
</select>

<select name="sel"> 
    <option value="o1">option1</option>
    <option value="o2">option2</option>
</select>

document.getElementsByName("sel")[0].value="o2";

JSFiddle

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - How to set form option selected by value not by index - Stack Overflow

1 Answer 1

与本文相关的文章

评论列表(0)