Проблема с выбором

Question

Не могли бы вы сообщить мне, почему этот вид выбора не работает для параметров выбора html? Поскольку он работает для других входов, таких как радио или флажки?

$('#resetlist').click(function() { 
 
    $('input:select[name=tabs]').prop('selectedIndex', 0); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
<select id="Icecream" name="tabs"> 
 
    <option value="0">select from the list</option> 
 
    <option value="double">Double Chocolate</option> 
 
    <option value="vanilla">Vanilla</option> 
 
    <option value="strawberry" selected>Strawberry</option> 
 
    <option value="caramel">Caramel</option> 
 
</select> 
 
<button class="btn btn-success" id="resetlist">Reset List</button>

Answer 1

Ваш Селектор неправильно: input:select[name=tabs] работает для переключателей и флажков, потому что они input s, но selectнеinput.

Поэтому ваш селектор должен быть select[name=tabs] (без input).

$('#resetlist').click(function() { 
 
    $('select[name=tabs]').prop('selectedIndex', 0); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
<select id="Icecream" name="tabs"> 
 
    <option value="0">select from the list</option> 
 
    <option value="double">Double Chocolate</option> 
 
    <option value="vanilla">Vanilla</option> 
 
    <option value="strawberry" selected>Strawberry</option> 
 
    <option value="caramel">Caramel</option> 
 
</select> 
 
<button class="btn btn-success" id="resetlist">Reset List</button>

Answer 2

input:select[name=tabs] Selector был неправ.

$('#resetlist').click(function() { 
 
    $('select[name=tabs]').val(0); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
<select id="Icecream" name="tabs"> 
 
    <option value="0">select from the list</option> 
 
    <option value="double">Double Chocolate</option> 
 
    <option value="vanilla">Vanilla</option> 
 
    <option value="strawberry" selected>Strawberry</option> 
 
    <option value="caramel">Caramel</option> 
 
</select> 
 
<button class="btn btn-success" id="resetlist">Reset List</button>