私はいくつかのオプションタグを返すurlを持っています。ajax htmlのselectタグにオプションタグを挿入することは可能ですか？
function(html) {
}
選択タグを空にした後、選択タグ内のすべてのオプションタグを直接押し込むことはできますか？ my selectタグの名前は "SelectName"です。私のHTMLは、この（オプションタグが、その何のように見え、それがURLのoptions.apsxから来
$("select[name='selectName']").appendTo($(html)); // but this doesn't work
：
<option id="1">test1</option><option id="2">test2</option>...
私はあなたが探している推測してい
私はそうのようなものを考えていましたappend()
$("select[name='selectName']").append(html);
ためappendToを使用すると、に選択リストを追加しようとしています210は、あなたが何をしたいかを後ろ向きにしています。
jsfiddleの例。
あなたはあなたの成功の機能には、このようなものを入れることができます：
$("select[name='selectName']").empty();
$(html).appendTo("select[name='selectName']");
はhtmlは、関数によって返さoptionタグのセットであると仮定すると。提案
ahhh ...私は間違った順序でappendToを使用していました。 thx – RetroCoder
@Marc、yep：しかし、私を信じて、私たちは**すべて**行ったことがありますか、遠く離れた何か、少なくとも一度は... = D –
ソリューション：ピュアJavaScriptのAJAXソリューション
//HTML
<select id="category">
<option value="0">--Please Select Category--</option>
</select>
//Javascript onload Event
<script>
window.onload = function(){
var cat = document.getElementById('category');
loadCat(cat);
};
//Function that will assign Category to Element
function loadCat(element)
var e = element;
var xhr = new XMLHttpRequest();
var url = 'load_categories.php';
xhr.open('GET',url, true);
xhr.onreadystatechange = function(){
if (xhr.readyState === 4 && xhr.status === 200) {
var r = JSON.parse(xhr.responseText);
for (var key in r) {
if (r.hasOwnProperty(key)) {
var tempNode = document.createElement("option");
tempNode.value = r[key];
var textnode = document.createTextNode(r[key]);
tempNode.appendChild(textnode);
e.appendChild(tempNode);
}
}
}
};
xhr.send();
}
</script>
Serverは、基本的なJSONオブジェクトを返す必要があります。
ノードクレジットは、以下のリンクに行く
//JSON RESPONSE FROM SERVER
{"1":"Module","2":"Essential","3":"Security","4":"Improvement"}
うわー、それは感謝を作品！しかし、それはまた、エラーを打つようだ：私のアヤックスのセクション私は警告があるので（ "エラーメッセージ"）;成功の直前：それは警告を発しますが、それでもselectを入力します。ありがとう！ – RetroCoder
問題はありません、うれしい私は助けることができました！ –