javascript - 如何使用JavaScript重置下拉字段

嗨，我已经尝试过以下代码来重置onclick重置按钮时“成人”下拉字段的数量，但是下拉字段未重置，请提出建议

成人下拉代码：

<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('');
 }

最佳答案

您传递的错误id。

要使用现有代码：

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

要么

向元素添加一个新类：

<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('');