php - jQuery:如果 DatePicker UI 更改,则更新某个文本框

标签 php jquery laravel

我有这个问题,分配了一个文本框来获取日期选择器的值。我最初执行此操作没有问题(意味着首先对日期选择器没有任何更改),因为可以单击一个按钮来生成隐藏的文本框。但是当日期选择器的值发生更改时(生成文本框之后)就会出现问题。这是示例:

日期选择器:

<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/

相关文章:

Php sql 查询工作正常但是因为我在同一个连接中使用两个条件不工作

javascript - 确定 jQuery 选择器的元素类型

c# - 如何重置 DropDownList 索引

php - laravel - 三个表的内连接查询

jquery - Bootstrap 日期范围选择器 - 单击“应用”按钮后清除选择

php - Symfony 3.2 FOSUserBundle Ajax 登录

php - Magento 2 API 总是返回 Consumer is not authorized to access %resources

php - 自动 git pull 到服务器 : Host key verification failed

jQuery:为什么程序化单选按钮选择不起作用?

javascript - 根据用户输入有条件地显示表单字段