2016-09-01 6 views
1

私は何とか働いているので、私には何かがあるかコミュニティに尋ねなければなりませんでした。リロードドロップダウンボックスの内容?

私はスイッチを押してスイッチを押すと、ドロップダウンの内容を読み込んで「ラジオ」と言うことができます。もしスイッチを戻すと、ドロップダウンの内容を元に戻す必要があります。プレイリスト "。以下は

はコードです:

<?PHP 
// Read playlist & Radio 
    $playlists = explode("\n", shell_exec("/usr/bin/mpc lsplaylists")); 
    array_pop($playlists); //remove empty last line 

    $radioStations = array(); 
    $radioStations = explode("\n", shell_exec("/usr/bin/mpc ls Webradio")); 
    $radioStations = str_replace("Webradio/","",$radioStations); 
    $radioStations = str_replace(".pls","",$radioStations); 
    array_pop($radioStations); //remove empty last line 
?> 

スクリプト:

<script> 

     function checkSelectedScheduleType() 
     { 
      if (document.getElementById('radioSelected').checked) 
      { 
       alert("radio selected fill dropdown with radio stations..."); 

       <?php 
       $playlist = $radioStations; 
       ?> 
      } 
      else 
      { 
       <?php 
       $playlist = $playlists; 
       ?> 
       alert("Playlist selected fill dropdown with playlists..."); 
      } 
     } 


</script> 

スイッチ:

をPHPは、中にあったにもかかわらず:私が見つけ

<td class="alarmvalue" style="padding:2px 15px;"> 
     <select name="add[alarmplaylist]" id="playlist_wrongstyle" class="form-control" style="visibility:visible; background: transparent; width:250px;"> 
      <?php foreach ($playlist as $playlistss){echo "<option value=\"$playlistss\">$playlistss</option>\n";} ?> 
     </select> 
</td> 

答えて

0

問題JS "IF"文、php w JS関数が呼び出されることなく実行されていたので、これは奇妙なので、最後のPHP変数を選択していました。

マイ修正:

は最高のが、働いたことがないかもしれません!私は別のドロップダウンを作成し、私の希望のオプションでそれを設定し、次にDisplay = "none"を作成し、次にクリックすると "onchange"で機能をトリガーし、Display = "block"にして、 !以下

コード:

JS:

<script> 
     function checkSelectedScheduleType() 
     { 
      if (document.getElementById('radioSelected').checked) 
      { 
       document.getElementById("slplaylist").style.display="none"; 
       document.getElementById("slradio").style.display="block"; 
      } 
      else 
      { 
       document.getElementById("slplaylist").style.display="block"; 
       document.getElementById("slradio").style.display="none"; 
      } 
     } 
</script> 

HTML:

<td class="alarmvalue" style="padding:2px 15px;"> 
     <label class="switch-lightp2 well_" onchange="checkSelectedScheduleType()"> 
      <input id="radioSelected" name="" type="checkbox" value=""> 
      <span><span>Playlist</span><span>Radio</span></span><a class="btn btn-primary"></a> 
     </label> 
    </td> 

    <td class="alarmcat"> 

    </tr> 

    <td class="alarmvalue" id="slplaylist" style="padding:2px 15px; display:block;"> 
     <select name="add[alarmplaylist]" id="playlist_wrongstyle" class="form-control" style="visibility:visible; background: transparent; width:250px;"> 
      <?php foreach ($playlists as $playlist){echo "<option value=\"$playlist\">$playlist</option>\n";} ?> 
     </select> 
    </td> 

    <td class="alarmvalue" id="slradio" style="padding:2px 15px; display:none;"> 
     <select name="add[alarmplaylist]" id="playlist_wrongstyle" class="form-control" style="visibility:visible; background: transparent; width:250px;"> 
      <?php foreach ($radioStations as $playlist){echo "<option value=\"$playlist\">$playlist</option>\n";} ?> 
     </select> 
    </td>