How to get values from an asp.net control to a javascript in the web form

Question

Good day. I have a dropdown list control called audioList. Whenever the page loads audioList is populated from a database. On the web form I have JPlayer which is a JQuery audio player. What I want to do is to load JPlayer with the value taken from audioList.

Here is the code for JPlayer on the web form:

<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>

Here is the code where audioList is:

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();

    }

sudheshna · Accepted Answer · 2011-07-06 12:16:58Z

2

You can call your jplayer function to play the mp3 onChange event of the drop down

answered Jul 6, 2011 at 12:16

sudheshna

1,1601 gold badge14 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 12:19:02Z

0

see Fire event each time a DropDownList item is selected with jQuery

basically on the drop down selected add a jquery event that will set a property on the jplayer

edited May 23, 2017 at 12:19

CommunityBot

11 silver badge

answered Jul 6, 2011 at 12:18

Daniel Powell

8,32312 gold badges64 silver badges109 bronze badges

Collectives™ on Stack Overflow

How to get values from an asp.net control to a javascript in the web form

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related