Question

jquery 怎么动态添加选项？请大侠指教！！！

这出题目模板，默认题目选项只有四个。当选项不够的时候，点击"增加选项"按钮，可以动态的去生成一个选项;当题目不够时，点击”增加题目“，可以动态生成一个题目，生成的题目也是默认只有四个选项，还要求生成的题目可以动态”增加选项“。请高手指教！ 谢谢了！！

<div id="quest">题目
<p><textarea rows="6" cols="80" id="tarea1" name="liangBiaoQuestion DTO.question"></textarea>
</p>
<input id="order" type="hidden" name="order" value="1"/>
</div>
<div id="single">
<p>1:<input type="text" name="options" value="物华天宝"></p>
<p>2:<input type="text" name="options" value="物华天宝"></p>
<p>3:<input type="text" name="options" value="物华天宝"></p>
<p>4:<input type="text" name="options" value="物华天宝"></p>
</div>
<div id="submit" class="liangbiao">
<label><input type="button" id="addOption" value="增加答案"></label>

<label><input type="button" id="addQuestion" value="增加题目"></label>
</div>

Answer 1

思路是异步获取数据
在点击添加之后，通过AJAX访问后台 或者你只需要在DOM树中添加一些HTML元素
实际上 你这个问题最终还是要操作DOM树的 即使拿到了后台的返回数据，你还是要将他与HTML标签结合 才能完成 这里用JQUERY来查找元素 然后操作DOM 就可以实现

追问

能不能写个例子，这方面我很菜。谢谢啦！

追答

$(function(){
$("#addQ").click(function(){
$("#QList").append("题目 ");
});

$("#addA").click(function(){
$("#AList").append(" ");
});
});

题目：

答案：

自己引入jquery库 然后赋值所有放到html里面即可

Answer 2

增加题目:
var id=+ new Date;//ID
var Question="";//题目
//在网面document中添加题目

$("#submit").prev().append("<div id=\"quest\">题目<p><textarea rows=\"6\" cols=\"80\" id=\""+id+"\" name=\"liangBiaoQuestion DTO.question\"></textarea></p><input id=\"order\" type=\"hidden\" name=\"order\" value=\"1\"/></div>");
//将题目保存

$.post(url,{question:Question},function(data){

})