How to reset dropdown field using javascript

Question

Hi I have tried below code to reset number of "adults" dropdown field on onclick of reset button but the dropdown field is not getting reset please suggest

Code for adult dropdown :

<select class="select_style sel_ad_{$smarty.section.sect.iteration}" id="adult[]" 
name="adult[]"
onchange="javascript:display_twin('{$smarty.section.sect.iteration}',this.value)">
<option value="0"> - </option>
{section name=adult loop=10 start=1 step=1} 
<option value="{$smarty.section.adult.index}" {if $adults_details.$sect_key eq 
 $smarty.section.adult.index}selected{/if}>{$smarty.section.adult.index} </option
 {/section} 
 </select>

Javascript code for reseting fields onclick of reset button :

 function reset_frm(){
    $("#adults_pkg").val('');
    //$("select[name='adults_pkg[0]']").val('');
 }

The id adult[] and adults_pkg do not match

RahulB
– RahulB

2014-12-09 06:28:20 +00:00
Commented Dec 9, 2014 at 6:28 — RahulB
– RahulB, Commented Dec 9, 2014 at 6:28

Pupil · Accepted Answer · 2014-12-09 06:28:30Z

1

You are passing wrong id.

To use existing code:

$('#adult\\[\\]').val('');

OR

Add a new class to the element:

<select class="pkgCls select_style sel_ad_{$smarty.section.sect.iteration}" id="adult[]" 
name="adult[]"
onchange="javascript:display_twin('{$smarty.section.sect.iteration}',this.value)">

And apply this:

$(".pkgCls").val('');

answered Dec 9, 2014 at 6:28

Pupil

24k6 gold badges49 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Pupil Over a year ago

@pihu, then please choose my answer as solution.

Girish · Accepted Answer · 2014-12-09 06:29:10Z

0

Default mean selected first option of select value, as you have have 0 value on first index so you will need to assign 0 for default index

And selector seems wrong, support the select box inside loop so use right selector like

        $(".sel_ad_{$smarty.section.sect.iteration}").val('0');

answered Dec 9, 2014 at 6:29

Girish

12.1k3 gold badges37 silver badges54 bronze badges

Comments

Sougata Bose · Accepted Answer · 2014-12-09 06:29:40Z

0

Try with -

$("yourSelectMenu").prop('selectedIndex',0);

answered Dec 9, 2014 at 6:29

Sougata Bose

31.8k8 gold badges52 silver badges89 bronze badges

Collectives™ on Stack Overflow

How to reset dropdown field using javascript

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related