在另一个字段中使用下拉输入作为占位符

Question

基于 威胁，我设法（特别感谢 Tami）创建了一个包含可变年份数字的下拉菜单。 现在我想将该下拉菜单的所选值用作另一个输入字段的（部分）占位符。

我试过了，但没有成功：

[number* ba-maanden min:1 max:12 placeholder "cf7_get_input="recent-years""]

有人知道如何完成这项工作吗？

谢谢， 瓦斯科

Answer 1

这没有经过测试，但应该可以。您可以通过将其全部内联并用 <script> 和 </script> 包围来将其添加到您的表单本身，或者将其添加到您主题的 js 文件中。

jQuery(function($) {
   $('select[name="ba-maanden"]').on('change', function(){
       // Assign variable $placeholder to the chosen value
       let $placeholder = $(this).val();
       // replace 'your-field-name' with the cf7 field name
       $('input[name="your-field-name"]').attr('placeholder', $placeholder);
   });
});