选择问题

Question

您能告诉我为什么这种选择不适用于html选项吗？它适用于其他输入，如无线电或复选框？

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您的选择器错误：input:select[name=tabs]适用于单选按钮和复选框，因为它们是input，但select 不是 {{1} }。

因此，您的选择器应为input（不含select[name=tabs]）。

input

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

Answer 2

选择器document.getElementById('toggle').addEventListener('click',function(){ var list = document.getElementById('list'); if(list.dataset.layout == 'vertical'){ list.dataset.layout = 'horizontal'; } else { list.dataset.layout = 'vertical'; } list.style.display = "none" list.style.display = "block" }); 错了。

input:select[name=tabs]

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