如何使用javascript重置下拉字段

时间:2014-12-09 06:24:50

标签: javascript php

您好我已尝试下面的代码重置点击重置按钮的“成人”下拉字段数,但下拉字段没有重置请建议

成人下拉代码:

<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代码:

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

3 个答案:

答案 0 :(得分:1)

你错了id

使用现有代码:

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

OR

向元素添加新类:

<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)">

并申请:

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

答案 1 :(得分:0)

默认均值选择了第一个option选择值,因为您在第一个索引上有0值,因此您需要为默认索引分配0

选择器似乎有误,支持loop内的选择框,因此请使用右选择器,如

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

答案 2 :(得分:0)

尝试 -

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