gpt4 book ai didi

javascript - 单击单选按钮清除所有选项选择条目

转载 作者:行者123 更新时间:2023-11-30 12:31:16 25 4
gpt4 key购买 nike

<分区>

我一整天都在尝试解决这个问题,这看起来很简单,但我怎样才能一次清除(而不是删除)一组选择选项下拉列表中的所有选择?我希望在首次加载 div 时将它们设置回默认状态。我不能使用 .reset,因为我需要收集表格中的其他信息,但我需要允许用户改变主意而不会受到惩罚(必须重新填写表格)。

这个 SO 问题向您显示 how to remove the options这不是我需要的。

这个问题seemed to give the answer ,但我无法让它工作。

还有这个 jQuery bug entry 似乎暗示它可以用 .empty() 完成,但这也不起作用。

SO question lists a bunch of different ways to do exactly what I want ,并且我已经尝试了所有这些方法(请参见下面的代码),但都没有用。我显然遗漏了一些东西。

这是一个 JSfiddle 与问题。

如何在fiddle中查看问题:

修复状态,点击已修复;显示了两个新输入,一组单选按钮,然后为每个选择下拉菜单。在类别下,选择零件质量,然后从下拉列表中选择任何项目。该选择现在应该显示在下拉列表中。现在单击任何其他类别,然后返回到零件质量。您刚刚做出的相同选择仍将显示,而不是默认的“选择零件质量原因”,这正是我想要的。

我的尝试主要集中在用于概念验证的零件质量单选按钮上,但生产代码需要从所有<清除所有条目/em> 的选项-在表单中选择,除了 Reporting Department 下拉列表。最好我可以使用带有 $(this) 构造的通用选择,但这不是必需的。像这样:

$("select option:selected").each(function () {
$(this).val(''); //doesn't work
});

要求:

当用户选择不同的单选按钮(类别)时,所有选项选择下拉菜单都将重置为其默认状态。这样当用户做出最终选择并点击提交时,就没有多余的条目。 当他们更改类别选择时,底层代码必须保留Reporting Department 下拉选项。

然后我可以收集他们选择的所有点点滴滴,将其放入一个 JSON 字符串中,以便对我的代码隐藏进行 AJAX 调用,并将数据插入 MySQL 数据库中。

我不在乎答案是使用 jQuery 还是纯 JavaScript,我可以愉快地使用。

这里有一堆尝试还没有解决:

    $("#formEvent_repair input[type='radio']").on('change', function () {
//$("#select_part_quality_repair option:selected").attr("selected", false);

//$("#select_part_quality_repair").find('[selected]').removeAttr("selected");
//$('#select_part_quality_repair').attr('selectedIndex', '-1');
//$('#select_part_quality_repair').val(null);

$("#select_part_quality_repair").find('option:first').attr('selected','selected');

//$("select option:selected").val([]);
//$("select option:selected").html('');
//$("select_part_quality_repair").html('');
$("select_part_quality_repair").append().html('');
$("select option:selected").each(function () {
console.log("Emptying select options");
$("#select_part_quality_repair").find('option:first').attr('selected','selected');
//#select_part_quality_repair-button > span
//$("#select_part_quality_repair").prop('selectedIndex', -1);
//$("#select_part_quality_repair").find('option').attr("selected", false);
//$("#select_part_quality_repair option").attr("selected", false);
$("#select_part_quality_repair option:selected").attr("selected", false);
console.log(this);
$(this).val([]);
});

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com