2016-11-20 54 views
3

希望你們能幫助我。我似乎無法弄清楚如何製作一個小書籤來選擇網頁上的下拉菜單上的選項。Javascript書籤選擇下拉值?

希望獲得成功:在我的Chrome瀏覽器上創建書籤。當我點擊這個網頁上,將選擇並在會員中選擇2級

HTML網頁

<select name="membership" onchange="submit()"> 
<option value="1"> Level 1</option> 
<option value="2"> Level 2</option> 
<option value="3"> Level 3</option> 

感謝。真的很新鮮。

編輯:對不起,我很抱歉。這是我試圖製作的當前書籤

javascript:document.getElementById(「membership」)。selectedIndex = 2; <

EDIT2 <意識到可能不能使用,因爲<select name="membership"使用名稱,而不是通過id得到的id元素。有沒有可以搜索名稱=?

編輯3感謝大家在這裏的幫助,你們是驚人的,我在過去的2小時裏學到了很多不同類型的getelements *和queryselector。感謝sideroxylon!

+0

什麼是你想達到什麼目的? –

+0

那麼你是否期待別人爲你編寫所有代碼?這不是這個網站的工作原理。這個想法是讓你顯示你所嘗試的不起作用,我們幫助修復***你的代碼*** – charlietfl

+2

歡迎來到SO。請訪問[幫助],看看有什麼和如何問。提示:張貼代碼和代碼 – mplungjan

回答

2

這可能會讓你開始。首先你選擇你想要的選項。然後觸發onchange事件。確保你傳遞了選定的值。

document.getElementsByName('membership')[0].value = 2; 
 
document.getElementsByName('membership')[0].onchange(); 
 

 
function submit(val) { 
 
    alert(val); 
 
}
<select name="membership" onchange="submit(this.value)"> 
 
    <option value="1">Level 1</option> 
 
    <option value="2">Level 2</option> 
 
    <option value="3">Level 3</option> 
 
</select>

你的書籤應該是這個樣子:

javascript:document.getElementsByName('membership')[0].value = 2;document.getElementsByName('membership')[0].onchange();

+0

是的這個作品!哇。我正在接近它哈哈。謝謝! @sideroxylon和大家在這裏我瞭解了很多在過去2小時 –

+0

不客氣。我們都在這裏學到了很多東西。 – sideroxylon

+0

對不起,最後一個初學者問題[0]究竟做了什麼。 –