jQuery Clone Select Example

Showing that a deep jQuery clone is not copying over the selected value.

by Zsolt Simon

HTML

<div id="container">
  <div id="divRow0">
    <div id="innerDivRow0">
      <input class="form-control" type="text" value="Sample"/>
      <select>
        <option value="1">1</option>
        <option value="1">2</option>
        <option value="1">3</option>
      </select>
      <input type="button" onclick="Clone()" value="Clone"/>
    </div>
  </div>
</div>

JavaScript

function Clone() {
	var original = $('#divRow0')
	var clone = $(original).clone(true, true);
  $('#container').append(clone);
}