javascript - Rails 3 表单问题 : How to create a "select" with "Add New ..." option?

标签 javascript ruby-on-rails forms select

我想创建一个包含当前现有品牌(例如 Sony、Panasonic 等)的 select 框。此外,我希望有 Add New Brand 选项,这样当用户单击此选项时,会出现一个新的文本字段。

Rails 3 中是否有任何辅助方法可以做这样的事情,或者我需要自己使用 Javascript 实现它?

最佳答案

据我所知,没有这样的辅助方法。

这是我在 JS 中的做法:

document.getElementById('someSelectBox').onchange = function() {
    if(this.selectedIndex != this.options.length -1) return;
    var new_name = prompt('Please enter a name');
    if(!new_name.length) return;
    var textbox = document.createElement('input');
    textbox.value = new_name;
    this.parentNode.appendChild(textbox); //parentNode is presumably the form
}

工作示例:http://jsfiddle.net/tCBqA/

关于javascript - Rails 3 表单问题 : How to create a "select" with "Add New ..." option?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4419082/

相关文章:

javascript - window.location.href 在 IE9 下不工作

java - 是否可以将 JavaScript 变量传递给 Scriptlet 内的 Java 代码

ruby-on-rails - RSPEC 错误 : expected #<> got #<> (compared using ==) - Ruby on Rails

ruby-on-rails - Rails : Association between Category, 子类别和律师

ajax - 通过单击表单中的链接进行 drupal ajax 调用

javascript - passport-jwt 总是返回 401 unauthorized

javascript - 如何在沙盒 iframe (IE11) 中使用 javascript 创建 iframe 内容?

ruby-on-rails - Rails 4 俄罗斯套娃缓存如何防止踩踏?

javascript - 我的 Vuex 表单获得第一个字段,但没有第二个字段,默默地失败

javascript - 当提交表单进行 JavaScript 验证时,函数调用之前的 return 会做什么?