HTMLについて

HTMLについて プルダウンからアクセスするツールを選択し、『アクセス』ボタンを押したときに、別ウィンドウで表示させる方法を教えてください。 -現時点- 〈form〉 〈select name="SEL"〉 〈option value="#"〉 〈option value="URL"〉URL名称〈/option〉 〈/select〉 〈input type=button onClick="top.location.href=SEL.value" value="アクセス"〉 〈/form〉

HTML、CSS10閲覧xmlns="http://www.w3.org/2000/svg">25

ベストアンサー

0

<form> <select name="SEL"> <option value="#"> <option value="https://www.google.com/">Google</option> <option value="https://www.youtube.com/">YouTube</option> </select> <input type="button" id="access" value="アクセス"> </form> <script type="text/javascript"> document.getElementById('access').addEventListener('click', (e) => { const selectedValue = document.querySelector('select[name="SEL"]').value; // 第三引数には好きなオプションを指定してください。 // オプションを指定しなかった場合や、指定したオプションが現在のwindowと同じ場合は // 別「タブ」で開かれる可能性があります。 // // オプションの詳細は以下を参照してください。 // mozilla MDN Web doc - Window.open() // @link https://developer.mozilla.org/ja/docs/Web/API/Window/open // window.open(selectedValue,null,'width=500,height=500'); }, false );

ThanksImg質問者からのお礼コメント

ありがとうございます!!

お礼日時:9/27 21:55