jQuery에서 선택 태그에 옵션 태그 추가
7973 단어 jQuery
<select class="my-select" multiple>
의select 라벨에jQuery를 사용하여 option 태그를 추가합니다.
var characters = {
yuno: 'ゆの',
miyako: '宮子',
sae: '沙英',
hiro: 'ヒロ',
nori: '乃莉',
nazuna: 'なずな'
},
$select = $('.my-select'),
$option,
isSelected;
$.each(characters, function (value, name) {
isSelected = (value === 'miyako' || value === 'nori');
$option = $('<option>')
.val(value)
.text(name)
.prop('selected', isSelected);
$select.append($option);
});
val 방법에서value 속성을 사용하고 text 방법에서 텍스트를 사용합니다prop 방법에서 임의의 속성 (이 예에서selected 속성) 을option 표시로 설정합니다.
그리고 append 방법을 사용하여 옵션 표시를select 표시에 추가합니다.
됐어요!٩( 'ω' )و////
보충하여 기록하다
@takeyuichi선생님께서 저에게 건의를 하셨습니다.정말 감사합니다.
var characters = {
yuno: 'ゆの',
miyako: '宮子',
sae: '沙英',
hiro: 'ヒロ',
nori: '乃莉',
nazuna: 'なずな'
},
$select = $('.my-select'),
$option,
options,
isSelected;
// コールバック関数の引数の順序が $.each と異なることに注意。
options = $.map(characters, function (name, value) {
isSelected = (value === 'miyako' || value === 'nori');
$option = $('<option>', { value: value, text: name, selected: isSelected });
return $option;
});
$select.append(options);
Reference
이 문제에 관하여(jQuery에서 선택 태그에 옵션 태그 추가), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/QUANON/items/5822f805d558ad078db3텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)