Programing

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

lottogame 2020. 11. 23. 07:38
반응형

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의 드롭 다운에 항목을 추가 할 수있는 권한은 무엇입니까? 나는 그 선없이 테스트했고 건물 변수에는 내 데이터 요소가 있습니다.


코드를 너무 복잡하게 만들지 마십시오. foreach와 같은 반복자를 사용하여 아래와 같이 간단하게 수행 할 수 있습니다.

$.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)를 실행하고 있기 때문에 코드가 실패합니다 (이 객체는 메서드를 지원하지 않음).

다음과 같은 표준 Javascript 함수를 사용할 수 있습니다.

$("#dropListBuilding")[0].options.add( new Option("My Text","My 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.5kB 플러그인에 의존하지 않거나 예약 된 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

반응형