Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Jun 21st, 2012  |  syntax: None  |  size: 0.50 KB  |  hits: 10  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. jQuery: Clone element by choosing SELECT OPTION
  2. $('select#cars').change(function() {
  3.    // Get number of cars chosen
  4.    var carsCount = $(this).val(),
  5.        // Get a reference to the first input group so we can clone it
  6.        carInput = $('#car-inputs div:first');
  7.  
  8.    // Clone per number chosen
  9.    for (var i = 0; i < carsCount; i++) {
  10.        // Insert clone after original.
  11.        // IRL, you probably need to do some preprocessing on it first.
  12.        carInput.clone().insertAfter(carInput);
  13.    }
  14. });