Лучший способ отменить выбор a в jQuery?

Question

Лучший способ отменить выбор a в jQuery?

<select size="2">

<option selected="selected">Input your option</option>

<option>Input your option</option>

</select>

каков наилучший способ, используя jQuery, элегантно отменить выбор опции?

412 13

jQuery

13 ответов:

Comments

Ничего не найдено.

Ei Maung · Accepted Answer · 2012-06-25 22:59:59

использовать removeAttr...
$("option:selected").removeAttr("selected");
или Prop
$("option:selected").prop("selected", false)

Jon · Accepted Answer · 2012-06-19 13:20:12

есть много ответов здесь, но к сожалению все они довольно старые и поэтому полагаются на attr/removeAttr что на самом деле не так.

@coffeeyesplease правильно упоминает, что хорошее кросс-браузерное решение должно использовать
$("select").val([]);
еще одно хорошее кросс-браузерное решение -
// Note the use of .prop instead of .attr
$("select option").prop("selected", false);
вы можете видеть, что он запускает самотестирование здесь. Протестировано на IE 7/8/9, FF 11, Chrome 19.

coffeeyesplease · Accepted Answer · 2012-05-13 16:28:41

Это давно просили, и я не проверял это на старых браузерах, но мне кажется, гораздо проще ответить
$("#selectID").val([]);
.val () работает и для selecthttp://api.jquery.com/val/

thetoolman · Accepted Answer · 2012-06-03 13:51:25

ответы до сих пор работают только для нескольких вариантов в IE6 / 7; для более распространенных не-multi select вам нужно использовать:
$("#selectID").attr('selectedIndex', '-1');
это объясняется в сообщении, связанном с flyfishr64. Если вы посмотрите на него, вы увидите, как есть 2 случая - multi / non-multi. Там нет ничего, что мешает вам chaning как для полного решения:
$("#selectID").attr('selectedIndex', '-1').find("option:selected").removeAttr("selected");

Joshua Pinter · Accepted Answer · 2015-04-08 20:44:45

Самый Простой Метод

$('select').val('')

Я просто использовал это на себе и это сработало.

Я jQuery 1.7.1.

Jeff Paquette · Accepted Answer · 2009-12-07 06:25:39

быстрый google нашел этот пост это описывает, как сделать то, что вы хотите для одного и нескольких списков выбора в IE. Решение кажется довольно элегантным:
$('#clickme').click(function() {
        $('#selectmenu option').attr('selected', false);

}); 

DinoMyte · Accepted Answer · 2012-08-16 00:17:58

$("#selectID option:selected").each(function(){
  $(this).removeAttr("selected");
});
это будет повторяться через каждый элемент и отменить выбор только те, которые проверяются

Blaine Kasten · Accepted Answer · 2014-08-09 00:25:57

Oh jquery.

поскольку еще есть собственный подход javascript, я чувствую необходимость его предоставить.
var select = document.querySelector('select'); //hopefully you'll use a better selector query
select.selectedIndex = 0; // or -1, 0 sets it to first option, -1 selects no options
и просто, чтобы показать вам, насколько быстрее это: ориентир

Brandon H · Accepted Answer · 2009-12-07 06:25:31

$(option).removeAttr('selected') //replace 'option' with selected option's selector

Charlie Brown · Accepted Answer · 2009-12-07 06:27:05

$("option:selected").attr("selected", false);

2

2009-12-07 06:27:05

Madeswaran Govindan · Accepted Answer · 2012-03-20 14:12:42

большое спасибо за решение.

решение для одного выбора комбинированного списка работает отлично. Я нашел это после поиска на многих сайтах.
$("#selectID").attr('selectedIndex', '-1').children("option:selected").removeAttr("selected");

jtaz · Accepted Answer · 2014-05-13 16:51:43

обычно, когда я использую меню выбора, каждый параметр имеет значение, связанное с ним. Например
<select id="nfl">
  <option value="Bears Still...">Chicago Bears</option>
  <option selected="selected" value="Go Pack">Green Bay Packers</option>
</select>
console.log($('#nfl').val()) logs "Go Pack" to the console
Set the value to an empty string $('#nfl').val("")
console.log($('#nfl').val()) logs "" to the console
теперь это не удаляет выбранный атрибут из опции, но все, что я действительно хочу, это значение.

Rafael · Accepted Answer · 2017-01-19 01:06:27

еще один простой способ:

$("#selectedID")[0].selectedIndex = -1