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

Question

您好，我已尝试使用下面的代码来重置“成人”下拉字段的数量，但单击重置按钮时下拉字段未重置，请提出建议

成人下拉列表的代码:

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

Answer 1

您传递了错误的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('');