在任何输入更改上发布表单它包含动态更改的隐藏输入类型答案

【问题标题】：post form on any input change it contains the input type hidden which changes dynamically在任何输入更改上发布表单它包含动态更改的隐藏输入类型
【发布时间】：2016-12-24 07:02:48
【问题描述】：

<form id="pricecal">
    <input type="text" onchange="calprice()" class="form-control round-corner-fix datepicker" data-provide="datepicker" placeholder="Check in" value="" required />
    <input type="text" onchange="calprice()" class="form-control round-corner-fix datepicker" data-provide="datepicker" value="" placeholder="Check Out" required />
    <input type="hidden" onchange="calprice()" id="noroom" value="" name="room" />
    <input type="hidden" onchange="calprice()" id="noguest" value="" name="guest" />
</form>

我的代码完美适用于输入文本，但不适用于隐藏的输入类型我尝试了以下我不想为每个输入循环的方式

function calprice(){
    alert('Textarea Change');
}

$(document).on('change', 'form#pricecal input', function(){
    alert('Textarea Change'); 
});

$("form#pricecal input").bind("change", function() {
    alert('Textarea Change'); 
});

【问题讨论】：

如何更改隐藏标签？
你想完成什么
我只是想在输入更改时发布表单，但它不适用于隐藏的输入类型

标签： javascript jquery html

【解决方案1】：

因为您在元素上绑定了事件，每当您更新输入值时都可以触发：

$('input[type="hidden"]').trigger('change');

将此行放在导致值更改的代码行之后。

【讨论】：

【解决方案2】：

类型=隐藏这些字段不应被呈现，并为服务器提供一种通过表单存储状态信息的方法。这将在提交表单时使用相应属性定义的名称/值对传递回服务器。这是针对 HTTP 无状态的解决方法。另一种方法是使用 HTTP“Cookies”。

Refer this link

【讨论】：