DOM 데이터 요소로부터 select 문을 동적으로 작성 [duplicate]

6

아약스 쿼리를 제공하는 양식 데이터를 기반으로 선택 드롭 다운을 동적으로 작성해야합니다. 내 DOM에는 4 명의 자녀가있는 "조직"요소가 포함되어 있습니다. org id 및 org 이름을 가진 하위 항목

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>

select 문을 동적으로 작성하려면 어떻게합니까?

---

• 너는 무엇에 문제가 있니? - Blender
• FYI - select 문을 말하지 마십시오. 데이터베이스 쿼리를 작성하는 것과 관련이 있습니다. - Klik
• ' 선택 문을 보았을 때 ' 또한 클라이언트 측에서 매우 나쁜 생각 인 SQL 쿼리를 작성하고 있다고 생각했습니다. 더 나은 제목은 아마도 "선택 요소를 동적으로 생성하고"있었을 것이다. JS에서 변수 이름을 대문자로 시작하는 것은 관례입니다. 생성자 함수 인 경우 일반 변수에 사용하면 나중에 코드를 읽는 사람들에게 혼동을 줄 수 있습니다. 너는 이름을 바꿔야 해.Organizations에organizations. - Useless Code
• 코드를 다시 보면,Organizations올바른 JS 객체가 아니며 코드가 작동하지 않아야합니다. 그것은 시작 / 끝낼 배열이되어야하는 것처럼 보입니다.[과], 아니라{과}, 각 항목 사이에는 쉼표가 필요합니다. 그것이 객체라고 생각된다면, 레이블과:마지막 하위 항목을 제외하고 모든 하위 개체의 왼쪽에는 쉼표가 표시됩니다. - Useless Code
• HTML 선택 드롭 다운을 작성하려고합니다. Dojo에서 일부 dom 객체를 가리키는 데이터 저장소를 사용한 다음 DOM 객체의 모든 객체에 대해 html select 위젯을 빌드하는 일부 dojo select 태그를 사용한다. - peter cooke

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

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