首页 > 解决方案 > 在另一个字段中使用下拉输入作为占位符

问题描述

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

我试过这个没有运气:

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

有谁知道如何完成这项工作?

谢谢,瓦斯科

标签: inputdrop-down-menuplaceholdercontact-form-7

解决方案


这未经测试,但应该可以工作。您可以通过将其全部内联并用 and 包围来将其添加到表单本身,<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);
   });
});

推荐阅读