0

ドロップダウンリストから値を取得し、それをクエリ文字列としてhttpリンクに追加して、そのリンクを開くJS関数を作成しようとしています。それについてどうやって行くのですか？

これが<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の構文は何ですか？

4

1 に答える 1

2

これが必要です： JavaScriptを使用してドロップダウンリストで選択した値を取得しますか？

そしてこれ： 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-10T13:12:34.467 に答える