Parsing XML into multiple form fields using Jquery -

-

what want do: i) parse xml data select option field ii) when user makes selection using option box, many more form fields populated relevant xml data based on user selection.

i have working adobe spry (what hear cry!!!) - currently, user selects option box contains data xml , example "american wigeon" when selected populates other form fields rest of xml, such "turdus migratorius" , on. if user changes mind , selects another, example "american robin", relevant xml bird populate form fields.

i have found answers on here getting parsed data select option, cannot work out next bit of using multiple fields.

my xml file looks (edited down 2 entries, approx 300 normally):

<?xml version="1.0" encoding="utf-8" ?> <bird>  <result> <name>american wigeon</name> <latin>anas americana</latin> <rare>1</rare> <id>68</id> <breed>0</breed> <winter>0</winter> </result>  <result> <name>american robin</name> <latin>turdus migratorius</latin> <rare>1</rare> <id>255</id> <breed>0</breed> <winter>0</winter>  </bird>

i work in jquery can start add more functionality script.

any appreciated.

many thanks

mark

edit date:

i script written charlietfi , have tested on jsfiddle (many thanks) - having problems appending additional xml data form fields. example, if select american wigeon, want put additional xml data form fields, can submitted (so value of "rare" go text field")

i can sample text form field cannot selected additonal xml data in - code example below:

var xml = '<?xml version="1.0" encoding="utf-8" ?><bird><result><name>american  wigeon</name><latin>anas americana</latin><rare>1</rare><id>68</id><breed>0</breed> <winter>0</winter></result><result><name>american robin</name><latin>turdus  migratorius</latin><rare>1</rare><id>255</id><breed>0</breed><winter>0</winter> </result></bird>';  var $xml = $($.parsexml(xml));  $xml.find('result').each(function() { var data={} $(this).children().each(function() {     data[this.tagname]=$(this).text(); })                                                                                               $('#test').data( data.id,  data).append('<option                                                                           value="'+data.id+'">'+data.name+'</option>');   });    $('#test').change(function(){ var data=$(this).data( $(this).val());     var input = $( "#test2" ); // **this being name of text field**  input.val( input.val() + "more text" );        alert('id:'+data.id +', name:'+ data.name);       })

when script runs, select bird option, brings alert box expected plus inserted text field "more text" (used make sure gets added).

i stuck on how use" +data.id + " , #test2 many every ones , apologies if such simple thing missing.

following dynamically parse xml, creating both option , data object stored on select element using jquery data()

var $xml = $($.parsexml(xml));  $xml.find('result').each(function() {     var data={};     /* loop on children of each "result create data object*/     $(this).children().each(function() {         data[this.tagname]=$(this).text();     });     /* add data select , create option*/     $('#test').data( data.id , data).append('<option value="'+data.id+'">'+data.name+'</option>'); });  /* change handler select*/ $('#test').change(function(){     var data=$(this).data( $(this).val());      /* here make updates other fields */         alert('id:'+data.id +', name:'+ data.name);     })

demo: http://jsfiddle.net/dpk7x/1/


Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more