html セレクトボックスの値を取得する

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html セレクトボックスの値を取得する相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<select name="select" id="select">
	<option value="1">Value1</option>
	<option value="2">Value2</option>
	<option value="3">Value3</option>
</select>

<script type="text/javascript">
//JavaScriptを使って取得する
var selects = document.getElementById('select');
var option = document.getElementById('select').options;
var value = option[selects.selectedIndex].text;
//value値で取得するなら
//var value = option[selects.selectedIndex].value;
document.write(value);

//jQueryを使って取得する
jQuery(function($){
	$('#select option:selected').text();
	$('#select').children(':selected').text();
});
</script>
</body>
</html>

以上是关于html セレクトボックスの値を取得する的主要内容，如果未能解决你的问题，请参考以下文章

text セレクトボックス操作

csharp [WPF]文字が见切れたらツールチップで全文字列表示するテキストボックス

html チェックボックスをまとめてチェックする

php 160720ラジオボタン，チェックボックスのデザイン変更

css ボックスの幅を超えたテキストの省略。

javascript オブジェクトの入れ子（ネスト）とその値を取得