我有这个问题,分配了一个文本框来获取日期选择器的值。我最初执行此操作没有问题(意味着首先对日期选择器没有任何更改),因为可以单击一个按钮来生成隐藏的文本框。但是当日期选择器的值发生更改时(生成文本框之后)就会出现问题。这是示例:
日期选择器:
<input type='text' name='devd' id="devd_1" class='pickdate' size='10' />
隐藏文本框:
<input type='hidden' name='devd_box' id='devd_box_1'/>
我提到的按钮只能使用一次。所以我现在的问题是如果日期选择器的值发生更改,如何填充隐藏的文本框。
您可能会注意到 ID 的最后一个数字,这是它们的共同引用,因此它可以更新右侧的框,因为它有多个日期选择器/框。
感谢您的帮助!
P.S:ID 后的最后一个数字是动态填充的,因此我不能只硬编码日期选择器的 ID。
为有需要的人提供的实际解决方案:
$('.pickdate').on('change', function (ev) {
var string_id = this.id;
var lastnum = string_id[string_id.length -1];
$('#devd_box_' + lastnum).val(this.value);
});
最佳答案
只需查找 onChange
事件即可。
$('#devd_1').on('change', function (ev) {
$('#devd_box_1').val('Your text here');
});
每当日期选择器字段发生更改时,这都会更改隐藏字段上的文本。
关于动态ID部分 -
为其创建一个 javascript 函数并调用它以获取实际的 id
。
注意: 实际解决方案请引用问题。
关于php - jQuery:如果 DatePicker UI 更改,则更新某个文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40668667/