我正在尝试在 WordPress 网站上自定义表单。该表单有两个字段,它们将共享相同的确切数据(帖子标题和位置)。我不是让用户在两个不同的字段中输入相同的信息,而是寻找一种方法让用户在“位置”字段中输入“位置”,然后将相同的输入传递到“帖子标题”字段(该字段将被隐藏) )在提交表单之前。
我对此做了一些研究,似乎需要 jquery 来实现这一点。我对 jquery 一点也不了解,所以我需要一些关于如何实现这一点的澄清。如果可以的话,请解释一下如何在页面中实现 jquery 代码。我是否必须创建一个 jquery 文件,然后在此页面上调用该文件?正如我所说,我对jquery一无所知。谢谢。
注意:与自动完成下拉菜单一起使用的 jquery 事件存在问题。我尝试过的所有事件都只是传递我手动输入的文本。当我单击自动完成下拉建议时,我未手动输入的任何文本都不会传递到第二个字段。
这是我当前正在使用的代码:
<input type="text" id="location" name="location" tabindex="17" data-geo="formatted_address" placeholder="<?php echo esc_attr__( 'Provide full street address', APP_TD ); ?>" class="required" value="<?php echo esc_attr( $project->_hrb_location ); ?>" />
<input name="post_title" type="hidden" value="<?php echo esc_attr( $project->_hrb_location ); ?>" class="required" />
最佳答案
<script>
$( document ).ready(function() {
$('#location').on("keyup", function(){
$("input[name=post_title]").val($('#location').val());
});
});
</script>
在每个 keyup
上,都会添加 ID 为 location
的输入值,并将其“放置”在名为 post_title< 的隐藏输入中
关于javascript - 将数据从一个表单字段传递到另一个表单字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32829391/