Question

我有3个单选按钮；批准，拒绝和采访

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

如果我单击“批准”或“采访”，则下拉菜单将被禁用

现在一切正常

但是，问题是，如果我单击“拒绝”，然后在下拉菜单中选择一项，则说“未完成的文档”，此后如果我单击“批准”或“采访”，则该字段仍显示“未完成的文档”

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

你们能帮我吗？

Answer 1

使用内联JS的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="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);
}

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

1 个答案: