從下拉框中選擇

Question

我需要確保已選擇一個藝術家，但是不確定我應該使用“藝術家”還是“選擇”。 我都嘗試過，但沒有用。 如果沒有選擇，代碼必須顯示警報。

 function validate() { var select_artist = document.getElementById('artist'); if (artist == "") { alert("You need to choose an artist"); return false; } 

 <div id="artist"> <p>Select an Artist: <select name="select"> <option value="0">Choose Artist</option> <option value="1">Bobby Smith</option> <option value="2">The Vibes</option> <option value="3">Kids of Rock</option> </select> </div> 

Answer 1

您可以使用selectedIndex ;

function validate() {

    var select_artist = document.getElementById('artistselect');
    if (select_artist.selectedIndex < 1) {
        alert("You need to choose an artist");
        return false;
    }
}

另外，您嘗試通過使用div元素來獲取選定的選項。 而是為select元素設置id屬性。

<select name="select" id = "artistselect">

Answer 2

 function validate() { var select_artist = document.getElementById('select'); if(select_artist.selectedIndex == 0) alert("You need to choose an artist") } 

 <div id="artist"> <p>Select an Artist: <select id="select" onchange="validate()"> <option>Choose Artist</option> <option >Bobby Smith</option> <option>The Vibes</option> <option>Kids of Rock</option> </select> </div>