DOM 데이터 요소에서 select 문을 동적으로 작성하십시오.

아약스 쿼리에서 제공된 양식 데이터를 기반으로 선택 드롭 다운을 동적으로 작성해야합니다. DOM에는 4 개의 하위 항목이있는 "조직"요소가 포함되어 있습니다. org에서 ID와 조직 이름DOM 데이터 요소에서 select 문을 동적으로 작성하십시오.

Organizations = { 
    { id="2", name="Systems"} 
    { id="4", name="Network"} 
    { id="5", name="Operations"} 
    { id= "7", name="Security"} 
}

와 아이들은 나는 다음과 같은 select 절 내가 동적으로 선택 문을 작성하려면 어떻게

<select name='organization'> 
    <option value="2">Systems</option> 
    <option value="4">Network</option> 
    <option value="5">Operations</option> 
</select>

를 구축 할 필요가?

이

var $el = $('<select></select>'); //create a new DOM Element with jQuery syntax 
for (i in Organizations) { //iterate through the object and append options 
    $el.append('<option value="' + Organizations[i]['id'] + '">' + Organizations[i]['name'] + '</option>'); 
}

이 그런 곳으로 생성 된 요소를 추가 ...

$('body').append($el); //should work

출처

2013-02-17 peter cooke

당신이 문제가 무엇 : – Blender

FYI - select 문을 말하지 마십시오. 데이터베이스 쿼리를 작성하는 것처럼 들립니다. – Klik

'select statement'를 보았을 때 클라이언트 측에서 SQL 쿼리를 작성하고 있다고 생각했습니다. 이는 매우 나쁜 생각입니다. 더 나은 제목은 아마도 "동적으로 선택 요소 만들기"였을 것입니다. JS에서 변수 이름을 대문자로 시작하는 것은 관례입니다. 생성자 함수 인 경우 일반 변수에 사용하면 나중에 코드를 읽는 사람들에게 혼동을 줄 수 있습니다. 조직 이름을 조직으로 변경해야합니다. –

Organizations = { 
    { id="2", name="Systems"} 
    { id="4", name="Network"} 
    { id="5", name="Operations"} 
    { id= "7", name="Security"} 
}

은 상기 목적을 감안할 때?

출처

2013-02-17 23:01:26 Klik

DOM 데이터 요소에서 select 문을 동적으로 작성하십시오.

답변

관련 문제