Select first option (value="") of select box when cloned

Question

I'm using codes below to set value attributes to null but they only work for input fields. How can I do same thing for select boxes? When I clone, the first option (Select unit) should be selected.

VER 1:

var $cloned = $('#unit-field-cover div:last').clone();
$('#unit-field-cover div:last').after($cloned);
$('#unit-field-cover div:last select').attr({name:"size-unit[]", value:''});

HTML

<select name="size-unit[0]">
      <option value="">Select unit</option>
      <option value="Inches" selected="selected">Inches</option>
      <option value="Centimeters" >Centimeters</option>
      <option value="N/a">N/a</option>
</select>

trying to change the attribute won't change the value property — charlietfl, Jul 04 '14 at 16:36
I did but couldn't find exact answer. Maybe didn't use proper keywords. — BentCoder, Jul 04 '14 at 16:39

score 1 · Accepted Answer · answered Jul 04 '14 at 16:34

1

you can use val():

$('#unit-field-cover div:last select').val("");

FIDDLE EXAMPLE

answered Jul 04 '14 at 16:34

Ehsan Sajjad

61,834
16
105
160

Thank you It worked. I'll accept it 8 minutes later. – BentCoder Jul 04 '14 at 16:38

Select first option (value="") of select box when cloned

1 Answers1