如何将值从asp.net控件获取到web表单中的javascript

本文关键字:web 表单 javascript 获取 控件 net asp | 更新日期: 2023-09-27 18:01:13

您好。我有一个名为audioList的下拉列表控件。每当页面加载audioList时,都会从数据库中填充。在web表单上,我有一个JQuery音频播放器JPlayer。我想做的是用audioList中的值加载JPlayer。

以下是网页表单上JPlayer的代码:

<script type="text/javascript">
  $(document).ready(function () {
      $("#jquery_jplayer_1").jPlayer({
          ready: function () {
              $(this).jPlayer("setMedia", {
                  mp3: "" //<--This part links to the mp3's location
              });
          },
          swfPath: "/MediaPlayer/jQuery.jPlayer.2.0.0/",
          supplied: "mp3"
      });
  });
</script>

以下是audioList所在的代码:

protected void Page_Load(object sender, EventArgs e)
    {
        string query = "SELECT Media_Directory FROM media";
        DataTable dt = MySQLHandler.pull(query);
        audioList.DataSource = dt;
        audioList.DataTextField = dt.Columns[0].ToString();
        audioList.DataValueField = dt.Columns[0].ToString(); //<--mp3 file location which is to be placed in JPlayer
        audioList.DataBind();
    }

如何将值从asp.net控件获取到web表单中的javascript

您可以调用jplayer函数来播放下拉的mp3 onChange事件

每次使用jQuery 选择DropDownList项目时,请参阅Fire事件

基本上在所选的下拉菜单上添加一个jquery事件,该事件将在jplayer 上设置一个属性