javascript - 通过 javascript 选择选项之前取消选择选项

Question

我遇到一个问题，表单中有多个选择按钮，每个按钮上的单击应该选择同一选择框的不同选项。如果我在 onclick 时传递一个值，下面的代码可以正常工作，但如果没有传递值，则保留旧值，而不是将其设置为 nul。

在选择刷新选项之前尝试过 formname.reset()，但这根本没有选择任何值。

例如，单击 select1 并选择选择框的第一个值。单击 select2 后，它不会将其自身重置为 null，而是显示旧值 (1)。 Select3 再次正常工作，选择选择框的第二个值。

    <script>
      function editvalues(arr)
      {
        $('#parent_id option[value='+arr+']').attr('selected','selected');
      }
    </script>

    <a href="javascript:void(0);" onclick="editvalues(1)">Select1</a>
    <a href="javascript:void(0);" onclick="editvalues()">Select2</a>
    <a href="javascript:void(0);" onclick="editvalues(2)">Select3</a>

    <select id="parent_id" name="parent_id">
      <option value=''>Select Any</option>
      <option value='1'>First</option>
      <option value='2'>Second</option>
    </select>

Answer 1

将值设置为''如果没有传递任何参数。

$('#parent_id option[value='+(arr || '')+']').attr('selected','selected');

在上面的代码中，(arr || '')将返回arr如果它被传递给函数。否则它将返回'' (恰好是 value 中的 <option> 代表没有选择)。