選擇控件和DOM

我想創建一個JS函數，它將從下拉列表中獲取一個值，將它作爲查詢字符串添加到http鏈接，然後打開該鏈接。如何去做呢？選擇控件和DOM

讓我們說這是<select>

<select> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select>

我將如何使用，在DOM訪問的DDL所選項目的價值？

function openlink(link) { 
      window.open(link + "SELECTED_ITEM_GOES_HERE"); 
     }

SELECTED_ITEM_GOES_HERE的語法是什麼？

來源

2012-12-10 sd_dracula

你需要它的onchange？ –

是的，這是正確的 –

你需要這樣的： Get selected value in dropdown list using JavaScript?

這： How to set querystring with Javascript

要產生這樣的：

<select id="test"> 
    <option>Volvo</option> 
    <option>Saab</option> 
    <option>Mercedes</option> 
    <option>Audi</option> 
</select> 

<script> 
var ddl = document.getElementById('test'); 
ddl.onchange = function(){ 
    window.location = 'https://www.google.com.au/search?hl=en&q=' + ddl.options[ddl.selectedIndex].text; 
}; 
</script>

來源

2012-12-10 13:12:34 gkiely

hank。這隻適用於列表中的奇數項，所以如果列表中有1,2,3,4,5，那麼只有在選擇1,3或5時纔會更改。爲什麼 –

我確實必須將腳本放在上面另一個函數，然後用'select'定義中的「onchanged」來調用它，因爲頭文件中有腳本，下面的選擇會由於加載順序而導致錯誤 –

選擇控件和DOM

回答

相關問題