Javascript 如何使用Prototype&；向表单动态添加select元素；轨道？

我已经使用Rails为select及其对象生成了代码：

var insert_tag = '<select class="select medium" id="category_id" name="search[category_id]"><option value="-1">Select Category</option>
<option value="1">Boats and Cruisers</option>
<option value="2">Car Parts and Spares</option>
<option value="3">Caravans</option>
<option value="4">Coaches and Buses</option>
<option value="5">Commercial Parts</option>
<option value="6">Commercials</option>
<option value="7">Crash Repair Services</option></select>';

---

我是JavaScript新手，不知道为什么这不起作用。

我不知道原型，但您的

div

元素缺少

id

属性（目前它是无效的HTML）：

然后它似乎起作用了：

---

还要注意的是，

insert_tag

的值是一行，没有换行符（否则会出错）。

回答得很好，jsfiddle.net-很棒的工具。当我生成select代码时，Rails会在每个标记后添加一行新行，您知道如何使用JavaScript删除它吗？谢谢我只是用.gsub（/\r\n？/，“”）附加rails select_标记，它就成功了！

<div "form_field_a"></div>


$("form_field_a").insert(insert_tag);

content.toElement is not a function
[Break on this error] if (content && content.toElement) content = content.toElement(); 

<div id="form_field_a"></div>