我正试图用选择选项填充div但我现在不知道从哪里开始……
我有一些代码来实时编辑div的“标题”，但现在我想添加到特定的div他的选项…
这是我现在的代码：
var rooms = $("#howmanyrooms").val(); var roomcounter = 1; $(".design-your-system-page-playground-container").show(); for (var i = 0; i < rooms; i++) { // $("Room-" + roomcounter++ + "").appendTo(".housecontainer"); // $("Room-" + roomcounter + " name 正如你所看到的，当我点击按钮时，我会向父项追加与文本框中输入的值一样多的子div，并且我还创建包含名称和其他选项的相同数量的“row”（两个选择和收音机）我已经能够实时编辑相关div的名称，但现在我想添加到该div还有其他选项
这里有一个帮助你理解我拥有和想要的东西： http ： //jsfiddle.net/3cyST/
如果不清楚请告诉我。 谢谢
请检查这个小提琴：
我使你的target变量全局可重用，我还为你select的第一个select元素添加了一个类
香港专业教育学院更新它，它现在使用以下方法附加测试onchange的值：
$("select.selecting").on("change", function () { $("." + target).append($(this).val()); });
你现在可以rest了。
编辑 （ 关于评论的OP问题 ）：
为了获得单选按钮的价值，我会给你2种方法：
在Javascript ：
if (document.getElementById('ID_OF_RADIO').checked) { rate_value = document.getElementById('ID_OF_RADIO').value; }
在jQuery ：
$("input[name=RADIO_NAME]:checked").val();
给选择一个id，然后使用
$("#id").on("change",function(){ console.log(this.value); //whatever you want to do with the value })
…对于单选按钮和其他选项也一样…还要注意单选按钮不应该有不同的名称：
Yes No
代码的可读性是另一回事：尝试使用模板….只需在代码中添加带有id的 …使用一些独特的语法将占位符放入其中，并在运行时替换它们：
HTML：
JS：
for (var i = 0; i < rooms; i++) { var tplcode = $("#template").html(); tplcode = tplcode.replaceAll("%ROOMID%",roomcounter); $($.pareHTML(tplcode)).appendTo(".design-your-system-page-edit-room-container"); $("input[name='radio_"+roomcounter+"']").on("change",function(){ console.log("user wants:" + $("input[name='radio_"+roomcounter+"'][checked]").val()) }); roomcounter++; } // these functions help replacing multiple occurances String.prototype.replaceAll = function(find,replace){ return this.replace(new RegExp(escapeRegExp(find), 'g'), replace); } //escapse all regEx chars, so the string may be used in a regEx function escapeRegExp(str) { return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&"); }
小提琴： http ： //jsfiddle.net/3cyST/4/