下拉以在选择“其他”时添加输入
Drop down to add input when "Other" is selected
我的表单中有一个下拉列表,当选择"其他"时,需要呈现新的文本输入。我试图用以下内容来做到这一点,但无济于事:
轨道视图
<div class ="testinputs"
<li><%= o.input :name, :as => :select, :collection => [:Anniversary, :Birthday, :Graduation, :Holiday, :'Mothers day', :'Fathers day', :'Valentines day', :Wedding, :other ]%></li>
<%= o.input :name, :as => :hidden %>
</div>
jquery
$(function() {
$("#testinputs").change(function() {
var val = $(this).val();
if(val == 'other') {
$('input[name="occasion[name]"]').show();
} else {
$('input[name="occasion[name]"]').hide();
}
}).change();
});
我的表单呈现的 HTML:
<div class="testinputs" <li=""><div class="control-group select required"><label class="select required control-label" for="occasion_name"><abbr title="required">*</abbr> Name</label><div class="controls"><select class="select required" id="occasion_name" name="occasion[name]"><option value=""></option>
<option value="Valentines day">Valentines day</option>
<option value="Wedding">Wedding</option>
<option value="other">other</option></select></div></div>
<div class="control-group hidden"><div class="controls"><input class="hidden" id="occasion_name" name="occasion[name]" type="hidden"></div></div>
</div>
我相信
您将输入呈现为 type="hidden",这意味着当您通过 JS 显示它时,它不会被显示。
使用普通文本输入,通过css/js将其隐藏,然后显示它。
相关文章:
- Jquery添加输入字段和日期选择器
- 为提交文本区域添加输入
- jQuery动态使用.append()添加输入,但发布表单不是追加数据
- 动态jQuery不在.append()之后发布表单的添加输入
- 将Overlay添加到弹出窗口并添加输入类型字段以退出表单
- 使用按钮动态添加输入字段,而不删除唯一字段上的按钮
- 使用codeigniter动态添加输入字段
- mongodb用户配置文件添加输入时出现问题
- 动态添加输入字段,但字段是由外部PHP函数生成的
- 如何添加输入值
- 在填充另一个输入框时动态添加输入框
- 如何通过Jquery点击链接添加输入
- 添加输入onclickjQuery与PHP相关
- 在Rails中使用Javascript添加输入字段
- 如何创建带有rails的按钮,用javascript添加输入字段
- 拖放区插件为每个上传的图像添加输入
- 下拉以在选择“其他”时添加输入
- 如何使用jQuery添加输入字段并将Ajax调用到新的输入字段中
- 如何使用 Angular.js/Javascript 为 url 添加输入字段验证
- 在点击时动态添加输入元素