使用 JQuery/Javascript 将值放置到隐藏字段
Place values to hidden field using JQuery/Javascript
我正在尝试使用JQuery将数据放置到隐藏字段,我想在字段中放置文本带有自定义值的"字段名称",但我不知道如何使用 jQuery 将文本传递给字段。
我使用的代码是:
$('span.open-apply-modal').click(function(){
$('#apply-modal, #modal-backdrop').fadeIn(150);
});
该字段位于div 应用模式内。
我想在调用 FadeIn(150) 后将值"Accountant"放入隐藏字段。我该怎么做?
尝试:
$('span.open-apply-modal').click(function(){
$('#apply-modal, #modal-backdrop').fadeIn(150);
$("#hidden_field_id").val('Accountant');
});
要在执行淡入淡出后放置值,请尝试以下操作:
$('#apply-modal, #modal-backdrop').fadeIn(150, function(){
$("#hidden_field_id").val('Accountant');
});
假设您的隐藏字段像
<input type="hidden" name="account_field" id="account_field">
现在在 JS 中
$('span.open-apply-modal').click(function(){
$('#apply-modal, #modal-backdrop').fadeIn(150);
$("#account_field").val("Accountant");
});
如果您遇到任何问题,请告诉我。
使用 .val() 添加文本
$('#fieldName').val('Accountant');
假设"字段名称"是一个 id。
您的代码将是
$('span.open-apply-modal').click(function(){
$('#apply-modal, #modal-backdrop').fadeIn(150);
$('#fieldName').val('Accountant');
});
您可以使用 jquery 函数val()
. val 函数的文档。试试这个:
$('span.open-apply-modal').click(function(){
$('#apply-modal, #modal-backdrop').fadeIn(150, function() {
$('#fieldName').val('Accountant');
});
});
要在淡入完成后执行此操作,请使用回调
$('span.open-apply-modal').on("click",function(){
$('#apply-modal, #modal-backdrop').fadeIn(150,function() {
$("#account_field").val("Accountant");
});
});
您可以使用上面建议的方法使用回调函数进行 fadeIn,也可以使用 setTimeout 函数:-
$('span.open-apply-modal').on("click",function(){
$('#apply-modal, #modal-backdrop').fadeIn(150);
setTimeout(function(){
$("#account_field").val("Accountant");
}, 150);
});
相关文章:
- JavaScript 检查隐藏字段中的值并将其设置为隐藏字段值
- 带有验证和隐藏字段值的提交按钮
- 主干窗体隐藏字段未呈现
- 清除以前的$_GET值或不获取仅隐藏字段的值
- 添加和删除隐藏字段数组中的值,而不提交表单
- 在控制器上使用“$watch”时,为什么不更新此隐藏字段
- 将选项值附加到隐藏字段
- JQuery获取隐藏字段的值
- MVC+访问控制器中的隐藏字段
- ASP.net Javascript函数中的隐藏字段为null
- 在第一页加载时隐藏字段,而不是在php发布之后
- 表单使用js、html,而不是隐藏字段
- 如何根据文本长度立即显示和隐藏字段?-JQuery
- 在选择更改时显示大于/小于的隐藏字段集
- 如何获取多个复选框值并分配给隐藏字段
- 将会话登录页存储在cookie中以进行表单解析(通过隐藏字段)
- 将布尔值存储在隐藏字段中以进行表单处理
- 如何将多个/不同的隐藏字段插入 XML
- 如何通过 JSP 代码将隐藏字段(Javascript)插入 XML
- 如何使用Java在Selenium WebDriver的隐藏字段中键入一些文本