如何將表單提交到我的Chrome擴展中的新選項卡

Question

我正在使用Google Chrome擴展。我的想法是，我輸入我的用戶名和密碼，點擊提交，然後在我的網站上打開一個新選項卡，然後選擇提交的表單並登錄我。

我已經設法在一個新的標籤，但不能讓它拿起表單。

Answer 1

您可以使用OnClick事件的提交按鈕：

<input type="submit" value="submit" onclick="this.form.target='_blank';return true;"> 

Answer 2

您可以在popup.html創建HTML格式如下：

<form name="input" action="http://example.com/login.php" method="get"> 
    Username: <input type="text" name="user"> 
    Password: <input type="password" name="password"> 
<input type="submit" value="Submit"></form> 

而在你的網站，你可以的腳本檢查參數是否已通過，如果正確則將其重定向到您網站上的DashBoard，否則向他們顯示登錄頁面以輸入正確憑據

Answer 3

既然您已經加載你的網站，嘗試使用jquery來選擇文本框並輸入一個值。

下面選擇輸入的位置，然後找到我想要的輸入，然後最終設置該框內的值。

$("td[data-key='sku']").find("input.tb-input").val('some text here') 

在上面的jQuery代碼，HTML代碼將是這個樣子：

<td data-key='sku'> 
<input class=tb-input/> 
</td>