如何将默认文本添加到 WP 表单中的输入字段答案

【问题标题】：how to add default text to an input field in a form in WP如何将默认文本添加到 WP 表单中的输入字段
【发布时间】：2013-10-20 05:22:46
【问题描述】：

我在 WP 中使用了一个插件，它根据管理区域中的输入生成一个表单。我有五个字段设置为 url 验证，这些类型出现在一个表单中，第二个字段用于可选链接文本，这意味着如果用户在第一个字段中输入“http://stackoverflow.com”，他们可以选择在其中键入“Stackoverflow”第二个，这就是将在网站目录的结果列表中显示为链接文本的内容。如果用户将此字段留空，插件将插入第一个字段的 url 以填充它。

我已将这些链接设置为按钮样式，因此我需要控制它们上显示的内容，以使它们具有正确的大小。我想为这五个字段中的每一个添加特定的默认文本，但我无法编辑表单，因为它是动态生成的。

其中一个用于可选文本的输入字段的编码如下：

<input type="text" id="wpbdp-field-12-title" name="listingfields[12][1]" class="intextbox" value="" placeholder="">

有没有办法使用 css 或 javascript 或魔术在字段中插入文本以便与表单一起提交？例如，我想要一个具有默认文本“官方网站”，而另一个读取“Facebook”等等。

顺便说一句，该字段将被 css 隐藏，因此表单填充器不会改变它。我只需要预先填写这些字段以节省管理员的劳动力。

谢谢大家。

【问题讨论】：

标签： javascript jquery css forms default-value

【解决方案1】：

您确定无法在您使用的插件中编辑输入吗？如果您愿意，可以在页面加载后使用 WP 中包含的 jQuery 进行更改。

代码

$(function() { 
    $('input#wpbdp-field-12-title').attr('value','your additional value text'); 
});

这确实不是一个完整的证明方式，因为如果您将来编辑它，您使用的插件将更改字段的 ID。也许考虑使用不同的表单或制作自己的 php 表单。

编辑

您还可以将带有预定义值的输入隐藏起来并连同它一起提交。我不确定这是否适合你。

【讨论】：

我会把你推荐的这段代码放在哪里？它看起来像我需要的。
将该代码放在表单出现的页面上，如下所示：<script type="text/javascript"> code goes here </script>。您可以将其放在 </body> 标签上方的头部或正文中，具体取决于您有权将其注入 WP 模板的位置。
@Josh KG 是的，就是这样，你在使用自定义模板吗？
这是一个购买的模板，但模板不是问题。现在我还发现，在查看带有表单的页面时，表单的 html 在代码视图中不可见。我知道这怎么可能。因此，虽然我希望上述解决方案能够奏效，但并不是因为这个。该表单的工作原理是您单击表单的菜单链接，然后为您的事件选择一个类别，然后单击继续按钮，这会将您带到主表单，这是显示这些字段的位置。当我查看源代码时，我只看到用于类别选择的第一页的 html。我已经写信给程序员了。
终于又开始着手这个工作了。我之前关于表单代码不可见的评论有误，但建议的代码不起作用。它显示在头部区域，但不起作用。我想填写的字段之一是这样编码的：<input type="text" id="wpbdp-field-10-title" name="listingfields[10][1]" class="intextbox" value="" placeholder="">，因为它是脚本中的一行，我写了这个：$(function() { $('input#wpbdp-field-10-title').attr('value','Buy Tickets'); }); 有什么想法吗？谢谢。