jQuery에서 목록을 선택하는 옵션을 추가하는 방법

jQuery에서 목록을 선택하는 옵션을 추가하는 방법

내 선택 목록이 호출됩니다.dropListBuilding. 다음 코드가 작동하지 않는 것 같습니다.

 for (var i = 0; i < buildings.length; i++) {
     var val = buildings[i];
     var text = buildings[i];
     alert("value of builing at: " + i.toString() + " is: " + val);
     $("#dropListBuilding").addOption(val, text, false);
 }

다음 행이 끊어집니다.

$("#dropListBuilding").addOption(val, text, false);

jQuery에서 드롭다운에 아이템을 추가할 수 있는 권리는 무엇입니까?저는 그 선 없이 테스트를 했고 건물 변수에는 제 데이터 요소가 있습니다.

코드를 너무 복잡하게 만들지 마세요.다음과 같이 포어티치와 유사한 반복기를 사용하여 간단히 수행할 수 있습니다.

$.each(buildings, function (index, value) {
    $('#dropListBuilding').append($('<option/>', { 
        value: value,
        text : value 
    }));
});      

$('#dropListBuilding').append('<option>'+val+'</option>');

이런 식으로 하는 것이 저에게는 항상 효과가 있었습니다, 이것이 도움이 되었으면 좋겠습니다.

var ddl = $("#dropListBuilding");   
for (k = 0; k < buildings.length; k++)
   ddl.append("<option value='" + buildings[k]+ "'>" + buildings[k] + "</option>");

jQuery 개체에서 메서드(addOption)를 실행하고 있으므로 코드가 실패합니다(이 개체는 메서드를 지원하지 않습니다).

표준 자바스크립트 기능은 다음과 같이 사용할 수 있습니다.

$("#dropListBuilding")[0].options.add( new Option("My Text","My Value") )

$.each(data,function(index,itemData){
    $('#dropListBuilding').append($("<option></option>")
        .attr("value",key)
        .text(value)); 
});

당신의 기존 코드를 따르므로 이 플러그인을 원하는 것 같습니다. 아마도 플러그인 js 파일이 어딘가에 누락되었을 수도 있습니다.

http://www.texotela.co.uk/code/jquery/select/

var myOptions = {
"Value 1" : "Text 1",
"Value 2" : "Text 2",
"Value 3" : "Text 3"
} 
$("#myselect2").addOption(myOptions, false); 
// use true if you want to select the added options » Run

이거 잘 되네요, 한번 해보세요.

var ob = $("#myListBox");

for (var i = 0; i < buildings.length; i++) {
     var val = buildings[i];
     var text = buildings[i];

     ob.prepend("<option value="+ val +">" + text + "</option>");
}

jQuery를 위해 3.5 kB 플러그인에 의존하지 않거나 예약된 HTML 문자를 건너뛰면서 HTML 문자열을 구성하지 않으려면 다음과 같은 간단한 방법이 있습니다.

function addOptionToSelectBox(selectBox, optionId, optionText, selectIt)
{
    var option = document.createElement("option");
    option.value = optionId;
    option.text = optionText;
    selectBox.options[selectBox.options.length] = option;
    if (selectIt) {
        option.selected = true;
    }
}

var selectBox = $('#veryImportantSelectBox')[0];
addOptionToSelectBox(selectBox, "ID1", "Option 1", true);

저한테는 이게 통했어요.

success: function(data){
            alert("SUCCCESS");
            $.each(data,function(index,itemData){
                console.log(JSON.stringify(itemData));
                $("#fromDay").append( new Option(itemData.lookupLabel,itemData.id) )
            });
        }

언급URL : https://stackoverflow.com/questions/1730360/how-to-add-option-to-select-list-in-jquery