How to get values from an asp.net control to a javascript in the web form
<p>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.</p>

<p>Here is the code for JPlayer on the web form:</p>

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

<p>Here is the code where audioList is:</p>

<pre><code>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(); //&lt;--mp3 file location which is to be placed in JPlayer
        audioList.DataBind();

    }
</code></pre>
