Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <select name="picker" id="picker">
- <option value="solution 1">solution 1</option>
- <option value="solution 2">solution 2</option>
- </select>
- <select name="option_loader" id="option_loader">
- </select>
- <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>
- $('#picker').change(function(){
- switch($(this).val()){
- case 'solution 1':
- $('#option_loader').html('<option value="22oxcas0vrrnhji">22oxcas0vrrnhji</option><option value="4mx91psjki">4mx91psjki</option><option value="sxlwoprc03nm">sxlwoprc03nm</option><option value="gfjiopu23rdio">gfjiopu23rdio</option>');
- break;
- case 'solution 2':
- $('#option_loader').html('<option value="su3o2ppc">su3o2ppc</option><option value="234niovfsd">234niovfsd</option><option value="se08fi9jvonaa">se08fi9jvonaa</option><option value="asldkj3i09">asldkj3i09</option>');
- break;
- }
- })
- $('#picker').change();//automatically call to change the initial selection
- 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>']
- $('#picker').change(function(){
- $('#option_loader').html(opt[this.selectedIndex])
- }).change()
- $(function() {
- PopulateDropDown();
- $('#picker').on('change' , function() {
- PopulateDropDown();
- });
- });
- function PopulateDropDown(){
- var val = $('#picker').val();
- $('#option_loader').empty().append( $('.' + val).html());
- }
- <select name="picker" id="picker">
- <option value="solution1">solution 1</option>
- <option value="solution2">solution 2</option>
- </select>
- <select name="option_loader" id="option_loader">
- </select>
- <div class="options">
- <div class="solution1">
- <option value="22oxcas0vrrnhji">22oxcas0vrrnhji</option>
- <option value="4mx91psjki">4mx91psjki</option>
- <option value="sxlwoprc03nm">sxlwoprc03nm</option>
- <option value="gfjiopu23rdio">gfjiopu23rdio</option>
- </div>
- <div class="solution2">
- <option value="su3o2ppc">su3o2ppc</option>
- <option value="234niovfsd">234niovfsd</option>
- <option value="se08fi9jvonaa">se08fi9jvonaa</option>
- <option value="asldkj3i09">asldkj3i09</option>
- </div>
- </div>
Add Comment
Please, Sign In to add comment