2017-01-05 3 views
0

私のウェブサイトのページで、ユーザが1つの選択肢を選択し、をクリックしたときに、「接続」が正しいリンクで新しいタブを開きます。<select> for windows.open()の使用

コード:

<select name="choice" id="choice"> 
    <option value="Server1.html">Server1</option> 
    <option value="Server2.html">Server2</option> 
    <option value="Server3.html">Server3</option> 
</select> 
    <input type="button" name="go_button" id= "go_button" value="go" onclick="go_to_the_link()"/> 
<script> 
function go_to_this_link(){ 
    var element = document.getElementById("choice"); 
    var link = element.innerHTML; 
    myWindow = window.open(link,"_blank"); 
} 
</script> 

ドキュメントによれば、これは動作します必要があります...しかし、私はHTMLでJSに新しくない専門家だので、私は何かを失敗している必要があります。 私はJSだけを使い、datalistでも動作するものを作りたいです。

何か助けてください!

+0

あなたは '.value'ない' .innerHTML'をターゲットにすることはないでしょうか? **。innerHTML:**要素のHTMLコンテンツを指定します。** value:**オプション要素のvalue属性の値を表すString – NewToJS

答えて

0

解決:私はすべての変数と関数名を変更し、私は1つを変更するのを忘れStackOverflowの上でこれを投稿するために

  1. ...
  2. としてはで言っ

    :私は2問題を抱えていた [OK]をコメント、私はinnerHTMLではなく、 "値"を使用する必要がありました。私は価値を一度試しましたが、それも失敗したので、私はこれをあきらめました。他の何かが間違っていたと思います。

問題を解決するためのThx!

(作業)コード:

<select name="choice" id="choice"> 
    <option value="Server1.html">Server1</option> 
    <option value="Server2.html">Server2</option> 
    <option value="Server3.html">Server3</option> 
</select> 
    <input type="button" name="go_button" id= "go_button" value="go" onclick="go_to_the_link()"/> 
<script> 
function go_to_the_link(){ 
    var element = document.getElementById("choice"); 
    var link = element.value; 
    myWindow = window.open(link,"_blank"); 
} 
</script>