|
(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi |
|
Alati teme | Način prikaza |
23. 05. 2013. | #1 |
novi član
Datum učlanjenja: 01.03.2012
Poruke: 2
Hvala: 1
0 "Hvala" u 0 poruka
|
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> 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> -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()) }) Prvi put pisem ovde, pa se unapred izvinjavam zbog velicine teksta/problema. Pozdrav, Milos Poslednja izmena od etc.fantus : 23. 05. 2013. u 18:23. |
|
|