提交后点击后，下拉选择值重置

Question

<select name="txt" id="txt" style="width:180px;height:27px" data-placeholder="Choose a name ..."  class="chosen-select form-control" >
  <option value="0" selected="selected"> SELECT  </option>
  <option value="1" name="1"> a </option>
  <option value="2" name="2"> b </option>
  <option value="3" name="3"> c</option>
</select>

<br />
<select name="repttype" id="repttype" style="width:180px;height:27px" data-placeholder="Choose a name ..."  class="chosen-select form-control" >
  <option value="0"> SELECT  </option>
  <option value="1" name="check1"> 1 </option>
  <option value="2" name="check2"> 2 </option>
  <option value="3" name="check3"> 3</option>
  <option value="4" name="check4"> 4</option>
</select>

<td  align='center'>
  <input type="button"  name="go" id="go" value="Show" class="btn btn-primary btn-md" onclick="issu();"/>
</td>

如果我从第一个下拉按钮选择值然后点击显示我将得到结果ao获得结果后相同的下拉按钮应显示默认值为选择

Answer 1

将以下代码添加到issue()函数中，

$('#repttype').val('0');

或者删除onclick属性并将点击处理程序添加到#go，如下所示

$('#go').on('click', function(){
    $('#repttype').val('0');
    issue();
});

注意：不要忘记添加jQuery，如果你在<form>中使用这些代码而不是使用preventDefault（）;防止默认提交操作。

Answer 2

`$（''＃txtrcpttype'）。change（function（）{$（'＃repttype'）。prop（'selectedIndex'，0）;}）;

$（''＃repttype'）。change（function（）{$（'＃txtrcpttype'）。prop（'selectedIndex'，0）;}）;`