Javascript 如何重置HTML选择

我正在使用这个HTML

<select class="task" id="c1740778" name="c1740778" data-default-value="NotStarted">
<option value="NotStarted" selected="selected">NotStarted</option>
<option value="Complete">Complete</option>
</select>

如果用户取消选择，如何将选择返回到原始状态

我试过了

$(this).get(0).val("default-value");

但它不起作用

---

有什么建议吗？

您可以在页面加载时将初始状态保存为变量，并在用户取消时将其设置为：

var taskInit=$（'.task'）.val（）；
$（'.task'）。在（'change'，function（）上{
如果（确认（'您确定要保存吗？'））{
控制台日志（“完全更改”）；
}否则{
控制台日志（“重置”）；
$（this）.val（taskInit）；
}
});

没有开始
完成
您可以在页面加载时将初始状态保存为变量，并在用户取消时将其设置为：


var taskInit=$（'.task'）.val（）；
$（'.task'）。在（'change'，function（）上{
如果（确认（'您确定要保存吗？'））{
控制台日志（“完全更改”）；
}否则{
控制台日志（“重置”）；
$（this）.val（taskInit）；
}
});

没有开始
完成
如果用户使用

document.getElementById("c1740778").value = "NotStarted";

这是演示


函数调用（）{
如果（确认（'您确定要保存吗？'））{
控制台日志（“完全更改”）；
}否则{
document.getElementById（“c1740778”）.value=“NotStarted”
}
}

没有开始
完成
如果用户使用

document.getElementById("c1740778").value = "NotStarted";

这是演示


函数调用（）{
如果（确认（'您确定要保存吗？'））{
控制台日志（“完全更改”）；
}否则{
document.getElementById（“c1740778”）.value=“NotStarted”
}
}

没有开始
完成
试试
$（this.val（“notstart”）


$（'#c1740778'）。更改（函数（）{
如果（确认（'您确定要保存吗？'））{
控制台日志（“完全更改”）；
}否则{
$（this.val（“notstart”）；
}
})

没有开始
完成
试试
$（this.val（“notstart”）


$（'#c1740778'）。更改（函数（）{
如果（确认（'您确定要保存吗？'））{
控制台日志（“完全更改”）；
}否则{
$（this.val（“notstart”）；
}
})

没有开始
完成
第一个答案已经给出了想法。但是，如果要在select元素上使用数据属性；您可以使用
$（el）.data（“attr name”）
方法


函数重置（）{
如果（确认（'您确定要保存吗？'））{
控制台日志（“完全更改”）；
}否则{
$（“#c1740778”）.val（$（“#c1740778”）.data（“默认值”））；
控制台日志（“重置”）；
}
}

没有开始
完成
TestMe
第一个答案已经给出了想法。但是，如果要在select元素上使用数据属性；您可以使用
$（el）.data（“attr name”）
方法


函数重置（）{
如果（确认（'您确定要保存吗？'））{
控制台日志（“完全更改”）；
}否则{
$（“#c1740778”）.val（$（“#c1740778”）.data（“默认值”））；
控制台日志（“重置”）；
}
}

没有开始
完成
TestMe
$（this.val（$（this.data（'default-value'））？
$（this.val（$（this.data（'default-value'））？