如果我单击按钮，如何重置字段

Question

我有 3 个单选按钮;批准、拒绝和面试

如果我单击拒绝，则必须从下拉菜单中选择拒绝的原因。默认情况下，下拉菜单将显示在字段上"请选择">

如果我单击批准或面试，下拉菜单将被禁用

现在它工作正常

但是，问题是如果我单击拒绝，那么我在下拉菜单中选择其中一个项目，例如"文件未完成"，之后如果我单击"批准"或"面试"，该字段仍显示"文件未完成">

我想做的是，如果我选择拒绝，然后我从下拉菜单中选择原因，然后我想更改为批准或面试，我希望下拉菜单字段自动重置并返回"请选择"。

你们能帮我吗？

Answer 1

使用内联 JS

：

<select id="reason">
  <option value="">Please select</option>
  <option value="1">Doc Not Complete</option>
  <option value="2">Date is not prefered</option>
  <option value="3">Location issue</option>
</select>
<input onclick="document.getElementById('reason').value = '';" type="radio" name="approve" value="approve">

使用 Jquery 和 HTML ：

这应该将您的下拉列表重置为第一个选项。这是标记

<select id="reason">
  <option value="">Please select</option>
  <option value="1">Doc Not Complete</option>
  <option value="2">Date is not prefered</option>
  <option value="3">Location issue</option>
</select>
<input onclick="resetOptions();" type="radio" name="appove" value="appove">

Jquery 函数

function resetOptions() {
    $("#reason option:first").attr("selected", true);
}