如何在选择下拉列表时刷新HTML字段？
如何在选择下拉列表时刷新HTML字段？
提问于 2015-11-05 21:52:54
在默认情况下，在从(图表类型)下拉列表中单击图表类型时，我希望使html字段(下拉列表)刷新。选择图表后的默认选择如下所示：(如果我从下拉列表中选择了“饼图2D”)
现在，如果我选择另一个类似的图表"Pie图表3D“(其中具有相同的下拉字段)，并且选择字段数据，则图像如下：
问题
现在，如果我从下拉列表中再次选择"Pie图表2D“返回，我已经得到了第二个图像字段集。我希望该字段被刷新，因为它显示在第一张图片的派图2D。因此，我应该如何刷新字段？
注意：我想刷新的字段默认是“定义X轴”下拉列表。
我希望我已经解决了我的问题，以免在理解上出现混淆，我很快就会作出答复。我希望这不是很难解决！
耽误您时间，实在对不起。
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-11-05 21:58:02
可以将onchange事件侦听器添加到选择中。如果JS中有一个函数updateDiv()，它将更新您想要调用的<div>元素，并更改<select>元素：
在HTML中：
<select id="chartType" onchange="resetFieldToDefault();">在jQuery中：
$("select#chartType").change(resetFieldToDefault);在(普通)联合材料中：
document.getElementById("chartType").addEventListener("change", resetFieldToDefault);编辑
我想我没有正确回答上面的问题。我认为这个问题更符合这样的思路:我如何取消选择该字段中的所有选项(一旦选择字段被更改)？因此，我只回答了问题的第一部分，但关于重置另一个<select>元素的第二部分仍未解决。(我说得对吗？)
为此，添加一个监听器，如上面所示。然后，添加(平原) JS函数：
var resetFieldToDefault = function() {
var selectedOptions = document.getElementById("xAxisSelect").selectedOptions;
for(var i = 0; i < selectedOptions.length; i++)
selectedOptions[i].selected = false;
}Stack Overflow用户
发布于 2015-11-05 22:03:18
我会这样做：
$("#chartType).on("change", function() {
refreshDivs(this.val());
});
function refreshDivs(value) {
if(value=="Scatter Chart") {
$("#divEventCategory").hide();
$("#divEventSubCategory").hide();
} else if ((value=="Bubble Chart") {
$("#divEventCategory").show();
$("#divEventSubCategory").show();
}
}如果您需要根据选择刷新下拉/列表框的内容，只需在相应的部分中添加代码即可。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33555501
复制相关文章
相似问题
腾讯云开发者
