隐藏输入类型时更改事件不起作用答案

【问题标题】：on change event not working when input type is hidden隐藏输入类型时更改事件不起作用
【发布时间】：2019-11-11 08:28:58
【问题描述】：

我已通过另一个事件更改了此隐藏值。隐藏的价值正确更改，但 onchange 事件不起作用（事件未触发）；

$(document).on('change', '.endDate', function() {
  alert($(this).val());
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input name="endDate" id="endDateID" type="hidden" class="form- 
        control required bdpicker_hidden_input">

【问题讨论】：

见this它可能对你有帮助
你应该检查你的查询选择器（第二个参数）。
要么添加class="endDate"，要么将选择器更改为'[name=endDate]'或'#endateID'

标签： javascript jquery hidden-field

【解决方案1】：

您没有设置类endDate，要触发隐藏字段的更改事件，您需要在设置值后添加.trigger('change');。

$(".endDate").val(1).trigger('change');

/*
$(".endDate").change(function(){
  alert($(this).val());
})
*/
$(document).on('change', '.endDate', function(){
    alert($(this).val());
})
$(".endDate").val(1).trigger('change');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>
    <input name="endDate" id="endDateID" type="hidden" class="form- 
    control endDate required bdpicker_hidden_input">    
</html>

<script>

</script>

【讨论】：