在append()之后更改输入的值
Changing value of the input after append()
我创建了一个模板html块,允许我在单击"添加"按钮时复制该块。这是通过append()
完成的
添加name='category[]'
输入字段后,如何更改其值?
例如:
$('#add').click(function() {
$('#LinesContainer').append($('#templatePlan').html());
var getCategory = $("#selectCategory").val();
// How to put getCategory value into category[] field?
});
选择类别并点击+按钮
<div>
<select id="selectCategory">
<option value="New">New</option>
<option value="Old">Old</option>
</select>
<input value="+" id="add" type="button"/>
</div>
模板块
<div id="templatePlan" style="display:none;">
<div style='padding: 5px; border: 1px solid white; background-color: #FFA86F;'>
<select name="selectType[]">
<option>Consumer</option>
<option>Business</option>
</select>
<input name='category[]' type='hidden' value='' />
</div>
</div>
<div id="LinesContainer"> </div>
我不确定这是否是一种巧妙的实施方式,还有其他更好的方式吗?
只需选择即可。我建议使用.clone()
而不是innerHTML
作为模板,这将使选择更容易。否则,您可能有多个类别输入,并且必须使用最后一个。
$('#add').click(function() {
$('#templatePlan').children('div').clone().appendTo('#LinesContainer')
.find('input name="category[]"').val($("#selectCategory").val());
});
//after
var getCategory = $("#selectCategory").val();
//To set the actual input
$('input[type="hidden"]').val(getCategory);
//or to update the attribute rather
$('input[type="hidden"]').attr('name', 'category[' + getCategory + ']');
相关文章:
- 动态jQuery不在.append()之后发布表单的添加输入
- 将用户电子邮件输入字段复制到用户名字段中(去除包括“@”和之后的所有内容)
- jQuery:在验证错误之后,我的输入掩码函数不会'Don’不要在野外工作
- 在innerHTML命令之后,将JQuery函数重新绑定到输入字段
- 按键时的Javascript事件,但在输入字符之后
- 尝试在 ajaxsubmit () mvc 4 之后禁用输入
- 在输入字段中启用占位符,以便清空“在”用户输入之后,而不是对焦
- 获取第二个文本区域之后的下一个所有输入
- 在追加后隐藏输入(之后)
- 如何在输入之前而不是之后显示欧芹错误消息
- 在jquery/javascript的输入框中的特定项目之后设置焦点
- 在输入数组的 split() 和子字符串 () 之后的文本区域中显示
- 克隆输入元素,紧跟在他等于右 DIV 内部之后
- 如何在表单中的每个输入/新行之后添加
标签 - 在“”之后插入文本;这个“;使用javascript输入元素
- 在append()之后更改输入的值
- AngularJS$apply在输入类型范围的ngChange之后不起作用
- textext仅在将鼠标移到输入上之后呈现标记
- 将输入光标设置为javascript正则表达式之后的正确位置
- 检查html日期输入是否在给定日期之后