[javascript] jQuery를 사용하여 <select>에 옵션을 추가 하시겠습니까?

optionjQuery를 사용하여 드롭 다운 에 추가하는 가장 쉬운 방법은 무엇입니까 ?

이것이 효과가 있습니까?

$("#mySelect").append('<option value=1>My option</option>');

답변

이것은 IE8에서 작동하지 않았습니다 (아직 FF에서는).

$("#selectList").append(new Option("option text", "value"));

이 DID 작업 :

var o = new Option("option text", "value");
/// jquerify the DOM object 'o' so we can use the html method
$(o).html("option text");
$("#selectList").append(o);

답변

개인적으로 옵션을 추가하기 위해이 구문을 선호합니다.

$('#mySelect').append($('<option>', {
    value: 1,
    text: 'My option'
}));

항목 모음에서 옵션을 추가하는 경우 다음을 수행 할 수 있습니다.

$.each(items, function (i, item) {
    $('#mySelect').append($('<option>', {
        value: item.value,
        text : item.text
    }));
});

답변

다음 구문을 사용하여 옵션을 추가 할 수 있으며 자세한 내용 은 jQuery의 처리 방법 옵션을 방문 하십시오.

$('#select').append($('<option>', {value:1, text:'One'}));

$('#select').append('<option value="1">One</option>');

var option = new Option(text, value); $('#select').append($(option));

답변

옵션 이름이나 값이 동적이면 특수 문자를 이스케이프 처리하는 것에 대해 걱정할 필요가 없습니다. 이것에서 간단한 DOM 메소드를 선호 할 수 있습니다.

var s= document.getElementById('mySelect');
s.options[s.options.length]= new Option('My option', '1');

답변

옵션 1-

당신은 이것을 시도 할 수 있습니다-

$('#selectID').append($('<option>',
 {
    value: value_variable,
    text : text_variable
}));

이처럼

for (i = 0; i < 10; i++)
{
     $('#mySelect').append($('<option>',
     {
        value: i,
        text : "Option "+i
    }));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<select id='mySelect'></select>

스 니펫 확장

옵션 2-

아니면 이것을 시도하십시오

$('#selectID').append( '<option value="'+value_variable+'">'+text_variable+'</option>' );

이처럼

for (i = 0; i < 10; i++)
{
     $('#mySelect').append( '<option value="'+i+'">'+'Option '+i+'</option>' );
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<select id='mySelect'></select>

스 니펫 확장

답변

이것은 매우 간단합니다.

$('#select_id').append('<option value="five" selected="selected">Five</option>');

또는

$('#select_id').append($('<option>', {
                    value: 1,
                    text: 'One'
                }));

답변

잘 작동합니다.

옵션 요소를 두 개 이상 추가하는 경우 각 요소에 추가를 수행하는 대신 추가를 한 번 수행하는 것이 좋습니다.