javascriptでラジオ局を切り替えるには

Question

私はプログラミングをしていないので、この作業を行うのは初めてです。私は、ユーザーに彼らが聴きたいラジオ局を選択するオプションを提供したい...これは私が思い付くが、いけない仕事だもので、任意のヘルプは大歓迎です。

<script language="javascript" type="text/javascript"> 
    // You can place JavaScript like this 
    document.getElementById("radiostations").selectedIndex = 0; 
    document.getElementById("radiostations").onchange = resetStation; 
    function resetStation(){ 
      objPlayer = document.getElementById("mediaPlayer"); 
      // obj.Settings.volume = 75 
      newStation = document.getElementById("radiostations"); 
      objPlayer.URL=newStation.options[newStation.selectedIndex].value;   // playback this file 
      objPlayer.controls.play();             // play what ever file is loaded 

    } 

</script> 

<form name="mediaPlay"> 
    <select name="radiostations" size="1"> 
     <option selected value="http://listen.radionomy.com/smoothmusicradio">Smooth Music</option> 
     <option value="http://www.urbanhotradio.com/hiphop/music/stream.asx">Hip-Hop</option> 
     <option value="http://www.orsradio.com/asx/rnbclassic.asx">R&B Soul</option> 
    </select> 
    <noscript> 
     <input type="button" value="Play Now!" 
     onClick="location=document.mediaPlay.radiostations.options 
     [document.mediaPlay.radiostations.selectedIndex].value"> 
    </noscript> 
</form> 


<OBJECT ID="MediaPlayer" WIDTH="100%" HEIGHT="100" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" 
    STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"> 
    <PARAM NAME="FileName" VALUE=newStation.options[newStation.selectedIndex].value> 
    <PARAM name="ShowControls" VALUE="true"> 
    <param name="ShowStatusBar" value="true"> 
    <PARAM name="ShowDisplay" VALUE="false"> 
    <PARAM name="autostart" VALUE="false"> 
    <EMBED TYPE="application/x-mplayer2" SRC=newStation.options[newStation.selectedIndex].value NAME="MediaPlayer" 
     WIDTH="100%" HEIGHT="100" ShowControls="1" ShowStatusBar="1" ShowDisplay="0" autostart="0"> 
    </EMBED> 
</OBJECT>​ 

Answer 1

私はありません必ずこれらが唯一の問題ですが、あなたのJSを持つ2つの明らかな問題がある場合：

1. はあなたがあなたのselect要素を参照するためにdocument.getElementById("radiostations")を使用しているが、要素がid属性を持っていない - あなたはid="radiostations"を追加する必要がありますマークアップへ：

   <select id="radiostations" name="radiostations" size="1">

2. あなたのスクリプトブロックがフォームの前にあるので、JSが実行されているときにブラウザがまだ解析していないため、select要素にアクセスすることはできません問題）。これを修正するには、スクリプトブロックを本体の下部（または少なくともselect要素の後ろのどこか）に移動するか、コードをonloadハンドラに入れます。

   -

（...それが動作するつもりはない。また、私はJavaScriptを使用しようとボタンを持っているあなたの<noscript>ブロックの内側に気づきます）