输入类型为隐藏状态时,更改事件不起作用

时间:2019-06-30 06:22:06

标签: javascript jquery hidden-field

我通过另一个事件更改了此隐藏值。隐藏的价值 正确更改,但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">

1 个答案:

答案 0 :(得分:0)

您没有设置类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>