Intereting Posts
Детский DIV заполняет оставшуюся высоту прокручиваемым контентом Использует ли eval () для данных только один серверный сейф? (а если нет, альтернативы, пожалуйста) Базовый калькулятор Fahrenheit / Celsius javascript form – обход поведения по умолчанию для ajax Рисование линий в теге Видео HTML5 не транслируется и занимает 90 секунд для загрузки Если я хочу, чтобы моя текстовая область была скрыта, как мне это сделать? Выбор и настройка стиля Как отображать HTML, хранящиеся в базе данных, из представления ASP.NET MVC? PHP – пустой $ _POST и $ _FILES – при загрузке больших файлов Вопросы по дизайну CSS с использованием сетки 960 Увеличение числа в строке с помощью регулярного выражения Подключение HTML, Javascript и PHP с сеансами вычислить среднюю высоту и среднюю ширину тега div Как использовать onsubmit (), чтобы показать подтверждение, если в одной форме есть несколько кнопок отправки?

Сбросить значение выбора по умолчанию

У меня есть поле выбора

 a b c  
reset

Я также сбросил кнопку, здесь значение по умолчанию (выбранное) – «b», предположим, что я выбираю «c», и после того, как мне нужно изменить значение windows выбора для значения по умолчанию, как это сделать с помощью jquery?

 $("#reset").on("click", function () { // What do here? }); 

jsfiddle: http://jsfiddle.net/T8sCf/1/

Вы можете использовать свойство defaultSelected элемента option :

Содержит начальное значение selected атрибута HTML, указывающее, выбран ли этот параметр по умолчанию или нет.

Таким образом, интерфейс DOM уже отслеживает, какой вариант был выбран изначально.

 $("#reset").on("click", function () { $('#my_select option').prop('selected', function() { return this.defaultSelected; }); }); 

DEMO

Это будет работать даже для элементов с несколькими элементами.

Если вы не хотите перебирать все параметры, но «ломаться» после того, как вы нашли первоначально выбранный, вы можете использовать .each вместо:

 $('#my_select option').each(function () { if (this.defaultSelected) { this.selected = true; return false; } }); 

Без jQuery:

 var options = document.querySelectorAll('#my_select option'); for (var i = 0, l = options.length; i < l; i++) { options[i].selected = options[i].defaultSelected; } 
 $("#reset").on("click", function () { $("#my_select").val('b');//Setting the value as 'b' }); 
 $('#my_select').get(0).selectedIndex = 1; 

Но, на мой взгляд, лучший способ – использовать только HTML (с ):

 
  • Проверьте jsFiddle Demo .

Почему бы не использовать простую функцию javascript и не называть ее событием onclick?

 function reset(){ document.getElementById("my_select").selectedIndex = 1; //1 = option 2 } 

Вы можете использовать атрибут data элемента select

  

Ваш JavaScript,

 $("#reset").on("click", function () { $("#my_select").val($("#my_select").data("default-value")); }); по $("#reset").on("click", function () { $("#my_select").val($("#my_select").data("default-value")); }); 

http://jsfiddle.net/T8sCf/10/

ОБНОВИТЬ


Если вы не знаете выбор по умолчанию и если вы не можете обновить html, добавьте следующий код в dom,

 $("#my_select").data("default-value",$("#my_select").val()); 

http://jsfiddle.net/T8sCf/24/

 $("#reset").on("click", function () { $('#my_select').prop('selectedIndex',0); }); 

Один хороший чистый способ – добавить атрибут по data-default для выбора

  

Затем код действительно прост:

 $("#reset").on("click", function () { var $select = $('#my_select'); $select.val($select.data('default')); }); по $("#reset").on("click", function () { var $select = $('#my_select'); $select.val($select.data('default')); }); 

Пример: http://jsfiddle.net/T8sCf/7/

Вы также можете сбросить значения нескольких SELECT и затем запустить кнопку отправки.

См. Здесь в действии:

Живой пример:

 $(function(){ $("#filter").click(function(){ //alert('clicked!'); $('#name').prop('selectedIndex',0); $('#name2').prop('selectedIndex',0); $('#submitBtn').click(); }); }); 

Привяжите обработчик события к событию фокуса select чтобы зафиксировать предыдущее значение. Затем установите значение select в предыдущее значение, когда щелкнул сброс.

 var previousValue = ""; $("#my_select").on("focus",function(){ previousValue = $(this).val(); }); $("#reset").on("click", function () { $("#my_select").val(previousValue); }); 

Рабочий пример: http://jsfiddle.net/T8sCf/17/

Вы можете сделать так:

 var preval = $('#my_select').val(); // get the def value $("#reset").on("click", function () { $('#my_select option[value*="' + preval + '"]').prop('selected', true); }); 

проверить эту скрипку

возьмите var которая содержит загруженное по умолчанию значение перед событием изменения, а затем получите опцию с помощью селектора атрибутов значения с var значения var задало свойство.

Этот код поможет вам.

        

Если вы используете Spring-формы, вам может потребоваться сбросить выбранную метку параметров. Вы должны установить форму: выбрать значение id для пустой строки, сбрасывает ваш выбор на метку по умолчанию.

     $("#reset").on("click", function () { $("#my_select").val(""); }); 

в случае, когда имеется кнопка сброса. В противном случае

 $("#my_select").val(""); 

Для тех, кто работает с Bootstrap-select, вы можете использовать это:

 $('#mySelect').selectpicker('render'); 

Простой способ выполнения

  var myselect = $("select.SimpleAddAClass"); myselect[0].selectedIndex = 0; myselect.selectmenu("refresh"); 

С jquery:

 $("#reset").on("click", function() { $('#my_select').val($('#my_select').find('option[selected="selected"]').val()); } 

Это работает для меня:

 $("#reset").on("click", function () { $("#my_select option[selected]").prop('selected', true); } 

Вы найдете для опции по умолчанию, которая имеет атрибут select, и вы меняете выбор на этот параметр.

Сбросьте все поля выбора до значения по умолчанию, где выбран выбранный атрибут.

 $("#reset").on("click", function () { // Reset all selections fields to default option. $('select').each( function() { $(this).val( $(this).find("option[selected]").val() ); }); }); 

К сожалению, я пытался решить это, как и другие ответы, я не получил правильного способа сделать это, как только попытался, как я пишу ниже:

 $('#<%=ddID.ClientID %>').get(0).selectedIndex = 0; 

этот код работает для меня, я надеюсь, что это будет полезно для вас, ребята.

С наилучшими пожеланиями.

Самуэль Альварадо.

 $("#reset").on("click", function () { $('#my_select').val('-1'); }); 

http://jsfiddle.net/T8sCf/1323/

У меня есть поле выбора

  
reset

У меня есть кнопка сброса, здесь значение по умолчанию (выбранное) равно «b», предположим, что я выбираю «c», и после того, как мне нужно изменить значение windows выбора для значения по умолчанию, как сделать это с помощью Angular2?