2016-06-06 85 views
0

我試圖用編程方式從網頁上使用Chrome控制檯單擊按鈕。JavaScript通過Chrome控制檯的名稱點擊按鈕

(修訂版)按鈕的代碼如下所示:

<FORM METHOD=GET ACTION="/xxx/yyy/kkk.jsp" > 
    <INPUT type="hidden" name="page" value="721"> 
    <INPUT type="hidden" name="reqType" value="ReprintO"> 
    <INPUT type="hidden" name="title" value="Reprint Label"> 
    <INPUT type="hidden" name="system" value="reprint"> 
    <td align=right width=25%><input type=submit value='>' name=BTN_CHOICE5/> 
    <td>&nbsp;&nbsp;Reprint Label 
</form> 

。它有value= '>'頁面上的情侶更多的按鈕,所以我想我需要點擊使用它命名爲。我試過 document.querySelector('input[name="BTN_CHOICE4"]').click();,它沒有工作。如何使用JS單擊此按鈕?

+1

你的html代碼似乎不是有效的...... – Fabricator

+0

你應該用雙引號包裝你的屬性值。 '」name =「BTN_CHOICE4」/>' –

+0

我想你不能出於安全原因。但是,再次點擊事件應該在某些情況下與您可以調用的函數相關聯。 –

回答

0

如果你有ID屬性,你可以使用

$('#btnId').click(); 

,或者如果你想通過名字去,你可以使用

$('[name="someName"]').click(); 

但是,如果你的ID的用戶可以不通過這將是很好名稱好像多個控件具有相同的名稱屬性和值,則將調用所有這些控件單擊事件。

+0

我沒有ID。它需要是一個JS,而不是jQuery –

0

您可以使用此

document.getElementsByName("BTN_CHOICE5")[0].click()
<FORM METHOD=GET ACTION="/xxx/yyy/kkk.jsp" > 
 
    <INPUT type="hidden" name="page" value="721"/> 
 
    <INPUT type="hidden" name="reqType" value="ReprintO"/> 
 
    <INPUT type="hidden" name="title" value="Reprint Label"/> 
 
    <INPUT type="hidden" name="system" value="reprint"/> 
 
    <td align=right width=25%><input type=submit value='>' name=BTN_CHOICE5 onclick="alert('test')"/></td> 
 
    <td>&nbsp;&nbsp;Reprint Label</td> 
 
</FORM>

0

關於以下HTML:

<input type=submit value='>' name=BTN_CHOICE5/> 

你應該知道的:

  1. 字符>應該是實體編碼&gt;
  2. 當屬性不​​使用引號("')界定其值,所有字符,直到所述第一空間或>被解釋爲值。在你的情況下,這意味着name=BTN_CHOICE5/>轉換爲name="BTN_CJOICE5/">

如果點擊該按鈕的行使要提交的<form>,你應該知道,像.click()合成事件不會觸發默認操作。我可以建議submitting的形式嗎?

document.querySelector('form').submit() 
+0

謝謝。該網站不是我寫的,我只是想製作一個腳本,將執行在這個網站上的某個任務,並且這個按鈕需要被點擊(提交)。 –