DOMデータ要素からselect文を動的に構築する[複製]

6

私は動的にAjaxクエリを提供したフォームデータに基づいて選択ドロップダウンを構築する必要があります。 私のDOMは4人の子供を持つ要素 "organization"を含みます。組織IDと組織名を持つ子供

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
• 参考までに、select文については言わないでください。データベースクエリの作成について話しているようです。 - Klik
• ' selectステートメント'を見たとき私はあなたがクライアントサイドでSQLクエリを構築しているとも思っていましたが、これは非常に悪い考えです。より良いタイトルはおそらく「動的にselect要素を作成する」でしょう。また、変数名がコンストラクタ関数である場合は大文字でのみ変数名を開始することもJSの規約です。通常の変数に使用すると、将来コードを読む人に混乱を招くことになります。名前を変更する必要がありますOrganizationsにorganizations。 - Useless Code
• もう一度コードを見てください。Organizations有効なJSオブジェクトではないため、このコードは機能しません。それは以下で始まる/終わる配列であるべきです。[そして]ではない{そして}各項目の間にカンマが必要です。それがオブジェクトであると思われるならば、それはラベルとラベルを必要とするでしょう:最後のサブ項目を除くすべてのサブ項目の後に、各サブオブジェクトとコンマの左側に。 - Useless Code
• HTMLの選択ドロップダウンを作成しようとしています。 Dojoでは、domオブジェクトを指すデータストアを使用してから、domオブジェクト内のすべてのものに対してHTML選択ウィジェットを構築するdojo選択タグを使用します。 - 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