Advertisement
Guest User

Untitled

a guest
Jul 30th, 2015
183
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.86 KB | None | 0 0
  1. <script data-require="jquery@*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
  2. <script type="text/javascript">
  3. jQuery(document).ready(function($){
  4.  
  5. var $xml;
  6.  
  7. var make = $('#make');
  8. var model = $('#model');
  9. var year = $('#year');
  10.  
  11. $.get('fitguide3.xml', function(data){
  12. $xml = $(data);
  13. var rows = $(data).find('ROWSET ROW');
  14. var makes = [];
  15.  
  16. $.each(rows, function(index, element){
  17. var _make = $(element).find('MAKE').text();
  18. makes.push('<option value="' + _make + '">' + _make + '</option>');
  19. });
  20.  
  21. makes = $.unique(makes);
  22. make.append(makes.join('n'));
  23.  
  24.  
  25. }, 'xml');
  26.  
  27. $('#make').on('change', function(){
  28. var _value = $(this).val();
  29. var _models = $xml.find('ROWSET ROW:contains("'+_value+'")');
  30. var models = [];
  31.  
  32. console.log(_models);
  33.  
  34. $.each(_models, function(index, element){
  35.  
  36. var _model = $(element).find('Model').text();
  37. models.push('<option value="' + _model + '">' + _model + '</option>');
  38. });
  39. models = $.unique(models);
  40. model.find('option').remove();
  41. model.append(models.join('n'));
  42.  
  43. });
  44. $('#model').on('change', function(){
  45. var _value = $(this).val();
  46. var _years = $xml.find('ROWSET ROW:contains("'+_value+'")');
  47. var years = [];
  48.  
  49. console.log(_years);
  50.  
  51. $.each(_years, function(index, element){
  52.  
  53. var _year = $(element).find('YEAR').text();
  54. years.push('<option value="' + _year + '">' + _year + '</option>');
  55. });
  56. years = $.unique(years);
  57. year.find('option').remove();
  58. year.append(years.join('n'));
  59.  
  60. });
  61.  
  62. });
  63.  
  64. </script>
  65.  
  66. <?xml version="1.0"?>
  67. <ROWSET>
  68. <ROW>
  69. <MAKE>ACURA</MAKE>
  70. <Model>CL</Model>
  71. <YEAR>2001-2003</YEAR>
  72. <Front_Location_1>Door</Front_Location_1>
  73. <Front_Size_1>6 1/2</Front_Size_1>
  74. <Front_Location_2>Sail Panel</Front_Location_2>
  75. <Front_Size_2>1 </Front_Size_2>
  76. <Rear_Location_1>Deck</Rear_Location_1>
  77. <Rear_Size_1>6 x 9</Rear_Size_1>
  78. <Rear_Location_2></Rear_Location_2>
  79. <Rear_Size_2></Rear_Size_2>
  80. <Other_Speakers></Other_Speakers>
  81. </ROW>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement