どのように動的なjavascript関数を作成する

Question

私はgoogleにgoogle.comのボタン値を送信すると私は選択yahooの送信ボタンの値は変更されます。ここに私の試みです。

<script> 
     function goToNewPage() { 
      if(document.getElementById('target').value){ 
       window.open('url','_blank'); 
      } 
     } 
     </script> 

<form name="dropdown"> 
      <select name="selected" id="target" accesskey="E"> 
      <option selected>...Select...</option> 
      <option value="http://www.google.com">Google</option> 
      <option value="http://www.yahoo.com/">Yahoo</option> 
      </select> 
      <input type="button" value="Go" onclick="goToNewPage(document.dropdown.selected)"> 
     </form> 

Answer 1

あなたは非常に近かったです。 この編集されたバージョンで修正されています。 （fiddle）

HTML - 何も選択されていない値を追加します。途中でURLを設定しようとする試みを取り除きます。新しい機能に使用するボタンのIDを追加しました。

<form name="dropdown"> 
     <select name="selected" id="target" accesskey="E" onchange="changeText()"> 
     <option value="nothing" selected>...Select...</option> 
     <option value="http://www.google.com">Google</option> 
     <option value="http://www.yahoo.com/">Yahoo</option> 
     </select> 
     <input type="button" value="Go" id="butGo" onclick="goToNewPage()"> 
    </form> 

JS - 関数が呼び出されたときのURLを設定します。 URLを引用符で囲まないでください。それは文字列だと思うだろう。

function goToNewPage() { 
    url = document.getElementById('target').value; 
    //alert(url) 
     if(document.getElementById('target').value!='nothing'){ 
      window.open(url,'_blank'); 
     } 
    } 

あなたはボタンのテキストを変更したい場合は、次の操作を行います。

function changeText(){ 
    url = document.getElementById('target').value; 
    if (url=='http://www.google.com') { 
    document.getElementById('butGo').value = 'Google' 
    } 
    if (url=='http://www.yahoo.com/') { 
    document.getElementById('butGo').value = 'Yahoo' 
    } 
}