使多個選擇菜單跳轉到第一個選項

Question

我有2個選擇菜單。下面的例子。

單擊按鈕時如何使兩個選擇菜單跳轉到第一個選項？

<select class="personlist"> 
    <option value="One">One</option> 
    <option value="Two">Two</option> 
    </select> 


    <select class="personlist"> 
    <option value="Ten">Ten</option> 
    <option value="Eleven">Eleven</option> 
    </select> 

我在用Google搜索時遇到過類似的帖子。但是無法做到。

document.getElementsByClassName('personlist').value=[0]; 

Answer 1

getElementsByClassName返回HTMLCollection對象，它是像對象數組，所以你需要遍歷它並將其值設置

function reset() { 
 
    var els = document.getElementsByClassName('personlist'); 
 
    for (var i = 0; i < els.length; i++) { 
 
    els[i].options[0].selected = true; 
 
    } 
 
}

<select class="personlist"> 
 
    <option value="One">One</option> 
 
    <option value="Two">Two</option> 
 
</select> 
 
<select class="personlist"> 
 
    <option value="Ten">Ten</option> 
 
    <option value="Eleven">Eleven</option> 
 
</select> 
 
<button onclick="reset()">d</button>

Answer 2

如果JQuery的，你可以使用：

$('#select-a').click(function() { 
    $('select.personlist').each(function() { 
    $(this).find('option').first().prop('selected', true) 
    }); 
});