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>

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

Answer 1

将以下代码添加到issue()功能

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

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

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

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

Answer 2

'$（ '' ＃txtrcpttype'）。改变（函数（）{ $（'＃repttype'）。prop（'selectedIndex'，0）; }）;

$（ '' ＃repttype'）。改变（函数（）{ $（'＃txtrcpttype'）。prop（'selectedIndex'，0）; }）;`

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

2 个答案: