javascriptにて「option value」の値を取得するには

Question

<form name="form_main" method="POST" data-ajax="false" onsubmit="check();">

		<div class="ui-field-contain">
			<label for="link_id">テスト</label>
			<div style="display:inline-block;width:60%">
				<select name="link_id" id="link_id" class="Link_Name ui-icon-carat-d ui-btn-icon-left ui-corner-all" style="width: 100%;" data-role="none">
					<option value="">A</option>
				</select>
			</div>
		</div>
		
	</form>

のようなhtmlを記載すると、下記のようなデータを選択できるようになっています。

<select name="link_id" id="link_id" class="Link_Name ui-icon-carat-d ui-btn-icon-left ui-corner-all select2-hidden-accessible" style="width: 100%;" data-role="none" tabindex="-1" aria-hidden="true">
<option value="">A</option>
<option value="system1">B</option>
<option value="system2">C</option>
</select>

これをjavascript側で
「<option value="system1">」「<option value="system2">」「<option value="">」
選択された値をもとに処理をそれぞれ分岐したく思います。

どのようにしたら値を取得できるのかご教授いただきたく宜しくお願いします。

Comments

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

Answer 1

optionのvalueを選ぶクダリがよくわかりませんが
選択されたoptionのvalueは上位のselectのvalueで得られます。

document.querySelecotr('[name=link_id]').value;

もちろん昔のようにselectedIndexを元に参照してもよいとおもいます

Answer 2

var option = document.form_main.link_id.options;
// 選択されている値を取得
var value;
for(var i=0;i<option.length;i++){
if( option[ i ].selected ){
value = option[ i ].value;
break;
}
}
// 取得した値をアラート
alert( value );

にて値を取得できたので、これをもとに分岐処理をします。