DevProTalk - ucitavanje dropdown liste iz xml-a preko jQuery

Pozdrav,

Naisao sam na problem prilikom ucitavanja dropdown liste iz xml-a u html preko jquery-a.
Naime, ovo je kod za html:

Kôd:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        <link rel="stylesheet" type="text/css" media="all" href="style.css" />

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

        <title>Using jQuery and XML to populate a drop-down box demo</title>

        <script>

             $(document).ready(function(){

                        $.ajax({

                        type: "GET",

                        url: "dropdown.xml",

                        dataType: "xml",

                        success: function(xml) {

                                        var select = $('#mySelect');

                                        $(xml).find('menuitem').each(function(){

                                        $(this).find('value').each(function(){

                                        var value = $(this).text();

                                        select.append("<option class='ddindent' value='"+ value +"'>"+value+"</option>");

                                        });

                                        /*$("#mySelect").change(function()

                                        {

                                                $("#TextToWrite").text($(this).val())  // use this to display value 

                                                $("#TextToWrite").text($(this).text()) // use this to display <option> value </option>

                                        })*/

                                        select.children(":first").text("please make a selection").attr("selected",true);

                                        });

                                }

                        });

                });

     </script>

</head>

<body>

<form>

      <select id="mySelect">

              <option>loading</option>

      </select>

</form>

<div id="TextToWrite"></div>



</body>

</html>

a ovo je kod za xml iz koga sam ucitavao:

Kôd:

<?xml version="1.0" encoding="iso-8859-1"?>

<dropdown>

        <menuitem>

                 <values>

                         <value>1</value>

                        <text>TEXT1TEXT1TEXT1TEXT1TEXT1</text>

                 </values>

         </menuitem>

           <menuitem>

                 <values>

                         <value>2</value>

                        <text>TEXT1TEXT1TEXT1TEXT1TEXT1</text>

                 </values>

         </menuitem>

        <menuitem>

                 <values>

                         <value>3</value>

                        <text>TEXT3TEXT3TEXT3TEXT3TEXT3</text>

                 </values>

         </menuitem>

 </dropdown>

Problem je sledeci:
-Kada pozelim da ucitam predmet broj "1" ( value "1" ) iz dropdown liste, zelim da se sadrzaj pod tagovima "<text></text>" za taj value ( selected value ) ispise u datom divu ( odmah ispod dropdown liste ), i tako za sledeci item pod vrednoscu 2 ( value "2" ) onda mi za njega ispise novi text a stari obrise i tako za svaki, koliko god ih imao.
Uspeo sam da problem minimizujem tako da dobijem ispis svih textova iz svih tagova uz pomoc koda koji je zakomentarisan u html-u, tj ovog koda:

Kôd:

$("#mySelect").change(function()

                                        {

                                                $("#TextToWrite").text($(this).val())  

                                                $("#TextToWrite").text($(this).text()) 

                                        })

,ali nazalost to nije bas ono sto sam zeleo.

Prvi put pisem ovde, pa se unapred izvinjavam zbog velicine teksta/problema.

Pozdrav,
Milos