Guest User

Untitled

a guest
Jan 20th, 2019
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.78 KB | None | 0 0
  1. <select name="picker" id="picker">
  2. <option value="solution 1">solution 1</option>
  3. <option value="solution 2">solution 2</option>
  4. </select>
  5.  
  6. <select name="option_loader" id="option_loader">
  7. </select>
  8.  
  9. <option value="22oxcas0vrrnhji">22oxcas0vrrnhji</option>
  10. <option value="4mx91psjki">4mx91psjki</option>
  11. <option value="sxlwoprc03nm">sxlwoprc03nm</option>
  12. <option value="gfjiopu23rdio">gfjiopu23rdio</option>
  13.  
  14.  
  15. <option value="su3o2ppc">su3o2ppc</option>
  16. <option value="234niovfsd">234niovfsd</option>
  17. <option value="se08fi9jvonaa">se08fi9jvonaa</option>
  18. <option value="asldkj3i09">asldkj3i09</option>
  19.  
  20. $('#picker').change(function(){
  21. switch($(this).val()){
  22. case 'solution 1':
  23. $('#option_loader').html('<option value="22oxcas0vrrnhji">22oxcas0vrrnhji</option><option value="4mx91psjki">4mx91psjki</option><option value="sxlwoprc03nm">sxlwoprc03nm</option><option value="gfjiopu23rdio">gfjiopu23rdio</option>');
  24. break;
  25. case 'solution 2':
  26. $('#option_loader').html('<option value="su3o2ppc">su3o2ppc</option><option value="234niovfsd">234niovfsd</option><option value="se08fi9jvonaa">se08fi9jvonaa</option><option value="asldkj3i09">asldkj3i09</option>');
  27. break;
  28. }
  29. })
  30.  
  31. $('#picker').change();//automatically call to change the initial selection
  32.  
  33. var opt = ['<option value="22oxcas0vrrnhji">22oxcas0vrrnhji</option><option value="4mx91psjki">4mx91psjki</option><option value="sxlwoprc03nm">sxlwoprc03nm</option><option value="gfjiopu23rdio">gfjiopu23rdio</option>', '<option value="su3o2ppc">su3o2ppc</option><option value="234niovfsd">234niovfsd</option><option value="se08fi9jvonaa">se08fi9jvonaa</option><option value="asldkj3i09">asldkj3i09</option>']
  34.  
  35. $('#picker').change(function(){
  36. $('#option_loader').html(opt[this.selectedIndex])
  37. }).change()
  38.  
  39. $(function() {
  40. PopulateDropDown();
  41. $('#picker').on('change' , function() {
  42. PopulateDropDown();
  43. });
  44. });
  45.  
  46. function PopulateDropDown(){
  47. var val = $('#picker').val();
  48. $('#option_loader').empty().append( $('.' + val).html());
  49. }
  50.  
  51. <select name="picker" id="picker">
  52. <option value="solution1">solution 1</option>
  53. <option value="solution2">solution 2</option>
  54. </select>
  55. <select name="option_loader" id="option_loader">
  56. </select>
  57. <div class="options">
  58. <div class="solution1">
  59. <option value="22oxcas0vrrnhji">22oxcas0vrrnhji</option>
  60. <option value="4mx91psjki">4mx91psjki</option>
  61. <option value="sxlwoprc03nm">sxlwoprc03nm</option>
  62. <option value="gfjiopu23rdio">gfjiopu23rdio</option>
  63. </div>
  64. <div class="solution2">
  65. <option value="su3o2ppc">su3o2ppc</option>
  66. <option value="234niovfsd">234niovfsd</option>
  67. <option value="se08fi9jvonaa">se08fi9jvonaa</option>
  68. <option value="asldkj3i09">asldkj3i09</option>
  69. </div>
  70. </div>
Add Comment
Please, Sign In to add comment