html JavaScript的でセレクトボックス操作
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html JavaScript的でセレクトボックス操作相关的知识，希望对你有一定的参考价值。
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>セレクトボックス操作</title>
</head>
<body>
<form name="form" onchange="changeAction()">
<select name="selects">
<option value="item1">item1</option>
<option value="item2">item2</option>
<option value="item3">item3</option>
<option value="item4">item4</option>
<option value="item5">item5</option>
</select>
</form>
<script>
function changeAction(){
var mySelect = document.form.selects.selectedIndex;
var num = document.form.selects.options[mySelect].value;
//4番目の文字から1文字だけ切り出して比較
num = num.substr(4,1);
console.log(num);
if( parseInt(num,10) >= 3){
alert('item3以上');
} else {
alert('item3以下');
}
}
</script>
</body>
</html>
以上是关于html JavaScript的でセレクトボックス操作的主要内容，如果未能解决你的问题，请参考以下文章
text セレクトボックス操作
csharp [WPF]文字が见切れたらツールチップで全文字列表示するテキストボックス
html チェックボックスをまとめてチェックする
css チェックボックスを装饰
css 3カラムボックス
css 3カラムボックス