Restoration
1/30/2017 - 8:29 AM

JavaScriptでセレクトボックス操作

JavaScriptでセレクトボックス操作

index.html
content_copyfile_download
<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>