Question

已编辑：新信息：当我检查字段并且代码是高位（在检查器中）时，语句全部按预期工作，但是当字段不再突出显示时，语句会执行似乎不起作用。希望这有助于诊断问题。

我有一个wufoo表单（您可以嵌入的托管表单，在提交时发送给特定电子邮件等）。我在该表单上有一个字段，当我点击一个按钮时，我试图填充某个数据。我相信我有正确的代码来实现这一点，它应该有效：

    $('#my-button').click(function() {
      $('#Field3').val("something");
    });

我尝试了很多不同的方法：

    $('input[id="Field3"]').val("something");
    $('input[name="Field3"]').val("something");

还有一些我认为不会起作用的范围......

    $('#Field3').append("something");
    $('#Field3').text("something");

有一些事情让我感到困惑，我会在下面发布屏幕，显示我的意思。我可以在加载页面后在控制台中键入所有这些命令，并且字段中没有任何内容（ID为Field3）......大部分时间都是如此。但有几次，我会重新加载页面，再次尝试一些语句，是相同的，然后它会工作。不知道为什么或如何，但这是一种间歇性的事情。显然情况可能并非如此，但我很担心为什么会发生这种情况;

以下是我的控制台的三个屏幕。对于前两个，该字段最终在控制台中大约10次或更多次尝试后填充，然后在使用之前无效的命令时继续工作。最后一个屏幕是一个根本不起作用的尝试：

[![Eventually Works After Last Command][1]][1]
[![Eventually Works After Last Command][2]][2]
[![Did Not Work][3]][3]

[1]: http://i.stack.imgur.com/JKVxY.jpg
[2]: http://i.stack.imgur.com/MLca8.jpg
[3]: http://i.stack.imgur.com/0viRA.jpg

（对于我必须发布这些图片的方式道歉，我不断收到格式错误，不会让我继续保存帖子，除非我cmd + k他们）

我首先在控制台中尝试所有内容，但我在这里找不到任何模式。任何想法或意见将不胜感激，谢谢你的时间。

Answer 1

此时我很确定问题与表单代码切换或在某些条件下添加某些类有关，所以我从我的Wufoo帐户下载代码而不是嵌入它。然后我只添加了视图的代码（不是css或JS），它现在可以正常工作。

我的原始陈述（不是反应者）现在在我尝试时都能正常工作。谢谢大家的时间。

Answer 2

我知道你已经解决了你的问题，但我认为如果你或其他人将来再次遇到这个问题，我会加油。听起来您的问题与执行顺序有关。 Wufoo的嵌入脚本是异步的，因此在评估jQuery点击处理程序时，您的页面上的输入字段很可能尚未存在。将原始代码更改为jQuery＆＃34;＆＃34; on＆＃34;方法而不是＆＃34;点击＆＃34;可能会解决你的问题，因为＆＃34; on＆＃34;提供委托事件监听器。无论如何，很高兴你把一切都整理好了！

Answer 3

在控制台中我假设没有加载jQuery。

我经常写：

document.getElementById('Field3').value = "something";

Answer 4

更新了您的Jsfiddle。我唯一改变的是，我添加了reference of the Jquery。可能就是这个问题。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

难以将值发送到输入字段（听起来很荒谬）

4 个答案: