1

Почему программный выбор опции в select срабатывает только один раз? Код:

$(document).ready(function() {
    $("#default").attr('selected', 'selected');
});

$("button").click(function(){
    $("select option:contains('two')").attr('selected', 'selected');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<select>
    <option>----------</option>
    <option id="default">one</option>
    <option>two</option>
    <option>three</option>                                      
</select>
    
<button>set two</button>

Теперь теряюсь в догадках... В чем может быть причина?

10
  • для селекта можно val(...) использовать для установки, получения значения
    – Grundy
    21 сен 2016 в 14:09
  • @Grundy спасибо за подсказку, я бы еще долго мучился. все делал по ответу опытного участника ru.stackoverflow.com/questions/245920/…
    – perfect
    21 сен 2016 в 14:15
  • тот вопрос/ответ слишком старый, несколько версий jquery сменилось уже, отличия в них довольно значительные
    – Grundy
    21 сен 2016 в 14:27
  • @Grundy , как оказалось метод val не всегда отрабатывает , меняешь его на метод prop и он справляется. видимо они не одинаковы. с вот такой строкой "02.20.11.114 Бревна кедровые для распиловки и строгания" и подключенным плагином select2 метод val не справился.
    – perfect
    22 сен 2016 в 5:31
  • в плагине select2 есть свои методы для установки значения
    – Grundy
    22 сен 2016 в 6:44

2 ответа 2

3

С версии 1.6 .attr() работает непосредственно с атрибутом элемента и в некоторых случаях результат не совсем ожидаемый, желательно использовать .prop...

$(document).ready(function() {
    $("#default").prop('selected', true);
});

$("button").click(function(){
    $("select option:contains('two')").prop('selected', true);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<select>
    <option>----------</option>
    <option id="default">one</option>
    <option>two</option>
    <option>three</option>                                      
</select>
    
<button>click</button>

1
  • @perfect с версии 1.6 .attr() работает непосредственно с атрибутом элемента и в некоторых случаях результат не совсем ожидаемый, желательно использовать .prop...
    – C.Raf.T
    21 сен 2016 в 14:12
1

Для присваивания свойств типа checked, delected, disabled надо использовать prop, а не attr. В любом случае, для выбора значения в select лучше использовать val:

$(function() {
  $("#default").prop('selected', true);
});

$("button").click(function(){
  $("select").val('two');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<select>
  <option>----------</option>
  <option id="default">one</option>
  <option>two</option>
  <option>three</option>                                      
</select>

<button>set two</button>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.