Невозможно поставить галочку в выпадающем списке? - PullRequest
Новая
       24

Невозможно поставить галочку в выпадающем списке?

0 голосов
/ 01 мая 2019

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

Проблема здесь в том, что я могу либо проверить, либо снять галочку со всех опций, и что нужно, это проверить определенные флажки при загрузке страницы.

Я много пробовал и тоже добавил эти строки.

$('#Person').val("1").prop('checked', true);          
$("#Person").niceSelect("update");

При выполнении этого в консоли отображается «checked: true», но изменения не отражаются на странице.

Для снятия всех флажков, которые я использую нижеприведенным кодом.

$(".styled-checkbox").prop('checked', false);

<div class="box"><div class="nice-select wide"  tabindex="0" id="Person"></div></div>    

$('#Person').val("1").prop('checked', true);
$("input[type=checkbox][value=" + xy + "]").attr("checked", "true");
$("#Person").val(xy);
$('#Person').val(xy).prop('selected', true);
$('#Person').val(xy);      
$('#Person').multiSelect('select', [2, 1]);
$("#Person option[value='2']").prop('selected', true);
$("#Person option[value='2']").attr("selected", true);

Как установить отмеченный или не отмеченный флажок, используя его значение?

Ответы [ 2 ]

0 голосов
/ 02 мая 2019

Я получил решение, убрав слово «проверено» из кода ниже.Он был использован для проверки всех флажков по умолчанию при загрузке в другом месте.Если мы удалим это слово, то мы можем поставить или снять галочку с определенной опции. 

'<li> <input class="styled-checkbox" checked id="styled-checkbox-' + i + '" type="checkbox" value="' + data[i][dataValueField] + '"><label for="styled-checkbox-' + i + '">' + data[i][dataTextField] + '</label></li>';
0 голосов
/ 01 мая 2019

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

<select id="abc">
  <option value="">Select</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>


//abc id of your select and i want to select option with value 2
<script>
  $('#abc option[value="2"]').prop("selected", "true");
  $("select").niceSelect("update");
</script>
...