難以向輸入字段發送值（聽起來很荒謬）

編輯：新信息：當我檢查字段，並且代碼高亮（在檢查器中）時，那麼這些語句都可以正常工作，但是當字段不是不再強調，這些陳述似乎不起作用。希望這有助於診斷問題。難以向輸入字段發送值（聽起來很荒謬）

我有一個wufoo表單（您可以嵌入的託管表單，發送到spefic郵件提交等）。我在該表單上有一個字段，當我點擊一個按鈕時，我試圖用某些數據填充。我相信我有正確的代碼要做到這一點，它應該工作：

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

我已經嘗試了許多不同的方式：

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

和我真的沒有想到會幾個河段工作..

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

有幾件事讓我困惑在這裏，我會在下面張貼屏幕顯示我的意思。我可以在頁面加載完成後在控制檯輸入所有這些命令，並且大部分時間內沒有任何事情發生（Field3的ID）。但有幾次，我會重新加載頁面，再次嘗試幾個語句，是的，然後它會工作。不知道爲什麼或如何，但它是一種間歇性的事情。很明顯，情況可能並非如此，但我爲此感到困惑，

下面是我的控制檯的三個屏幕。對於前兩個，在控制檯中嘗試了大約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他們）

我嘗試在控制檯中的所有東西，但我在這裏找不到任何模式。任何想法或意見將不勝感激，並感謝您的時間。

來源

2016-08-30 Tron

如果您使用stack snippet或jsfiddle發佈HTML，會更好嗎？ –

@Tron你的小提琴不起作用，因爲不包括jQuery。更新的jsfiddle：https://jsfiddle.net/bwrLmn3t/2/ – gaetanoM

更新小提琴：https://jsfiddle.net/bwrLmn3t/5/ – Tron

在控制檯中，我假設沒有加載jQuery。

我平時寫：

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

來源

2016-08-30 17:31:30 gaetanoM

@Tron我忘了「的標誌。你能再試一次，讓我知道嗎？謝謝 – gaetanoM

我一直在控制檯中使用jQuery，那是什麼意思？是的，這個語法可以工作，並在1個案例中做到了。我剛剛發現，只有當我檢查該字段並且代碼被突出顯示時，我的大部分表述才起作用，否則它不會響應。這是否提供了線索？ – Tron

@Tron如果您使用的是Chrome，當您在開發工具「F12」中選擇「Elements」並選擇一個元素時，您將控制檯的上下文更改爲當前選項卡中包含的網頁。所以，如果在這個當前標籤中，jQuery被定義了，你可以使用它。 – gaetanoM

更新您的Jsfiddle。我改變了唯一的東西，我加了reference of the Jquery。可能是這個問題。

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

來源

2016-08-30 17:54:36

查看上面的更新。我發現如果我正在主動檢查代碼並強調它，則大多數這些聲明都起作用，否則就沒有響應。 – Tron

更新小提琴：https://jsfiddle.net/bwrLmn3t/5/ – Tron

的js撥弄工作正常@Tron –

在這一點上我敢肯定，這個問題與形式代碼轉換或在一定條件下加入某些類的事，所以我從我的Wufoo項目帳戶下載的代碼，而不是將其嵌入。然後，我只添加了視圖的代碼（不是CSS或JS），現在它可以工作。

我原來的陳述（不是研究人員）現在都可以正常工作，當我嘗試他們時。感謝大家的時間。

來源

2016-08-31 15:18:53 Tron

我知道你解決了你的問題，但認爲我會提醒你以防萬一你或他人今後再次遇到這個問題。聽起來你的問題與執行順序有關。Wufoo的嵌入腳本是異步的，所以當你的jQuery點擊處理程序被評估時，很可能在你的頁面上有問題的輸入字段不存在。將原始代碼更改爲jQuery的「on」方法而不是「click」可能會解決您的問題，因爲「on」提供了委託事件偵聽器。無論如何，很高興你能理清一切！

來源

2016-09-03 23:17:58

類似於：.on（'click'，function（）{.......？ – Tron

難以向輸入字段發送值（聽起來很荒謬）

回答

相關問題