javascript - 在选择更改时更改从外部 javascript 生成的 Flash 播放器

Question

我有一个从 javascript 外部文件生成的 128kbps 播放器。

<script type="text/javascript" src="http://shoutcast.mixstream.net/js/external/flash/s2.vanavilfm.com:8560:1::cc0000:F4A213:::1"></script>

和另一位 64kbps 的播放器。

<script type="text/javascript" src="http://shoutcast.mixstream.net/js/external/flash/s2.vanavilfm.com:8000:1::cc0000:F4A213:::1"></script>

我希望我的用户使用以下方式选择比特率：

<select id="bitrate" name="bitrate">
  <option value="2">128 Kbps</option>
  <option value="1">64 Kbps</option>
</select>

So that when option 128kbps is selected only the player at 128kbps is displayed and played then vice versa using jquery..

请帮忙。

Answer 1

HTML

<select id="select">
    <option selected="selected">Choose</option>
    <option id="1">128</option>
    <option id="2">64</option>
</select>

<div id="sound1">
    128 <!-- 128kbps code here -->
</div>
<div id="sound2">
    64 <!-- 64kbps code here -->
</div>

jQuery

$('#select').change(function() {
   $('div').hide();
   $('#sound' + $(this).find('option:selected').attr('id')).show();
});​

可选的 CSS

div{
    display:none;
    height:300px;
    width:300px;
}

#sound1{
    background-color:red;
}

#sound2{
    background-color:blue;
}

http://jsfiddle.net/charlescarver/pYvxe/