如何清除选择框旧数据并在选择Javascript上填充新数据?
我有两个下拉列表,当用户选择BMW时,我想填写数据1,2,3,4,5&当用户选择沃尔沃时,我想显示5,6,7,8,9。数据在第二个下拉列表中填充,但我也可以看到旧数据&我单击列表的次数越来越多。我只想显示有关选择的特定数据&数据也不应重复。下面是我的方法如何清除选择框旧数据并在选择Javascript上填充新数据?,javascript,arrays,select,dropdown,Javascript,Arrays,Select,Dropdown,我有两个下拉列表,当用户选择BMW时,我想填写数据1,2,3,4,5&当用户选择沃尔沃时,我想显示5,6,7,8,9。数据在第二个下拉列表中填充,但我也可以看到旧数据&我单击列表的次数越来越多。我只想显示有关选择的特定数据&数据也不应重复。下面是我的方法 <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript">
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
function myFunction() {
var x = document.getElementById("mySelect").value;
if(x=='BMW'){
var select = document.getElementById("participant");
var options = ["1", "2", "3", "4", "5"];
for(var i = 0; i < options.length; i++) {
var opt = options[i];
var el = document.createElement("option");
el.textContent = opt;
el.value = opt;
select.appendChild(el);
}
}
if(x=='Volvo'){
var select = document.getElementById("participant");
var options = ["6", "7", "8", "9", "10"];
console.log(options)
for(var i = 0; i < options.length; i++) {
var opt = options[i];
var el = document.createElement("option");
el.textContent = opt;
el.value = opt;
select.appendChild(el);
}
}
}
</script>
</head>
<body>
<select id="mySelect" onchange="myFunction()">
<option value="" disabled selected>Select Type</option>
<option value="BMW">BMW</option>
<option value="Volvo">Volvo</option>
</select>
<br><br>
<select id="participant">
<option>select</option>
</select>
</body>
</html>
在添加新内容之前,应该更改的innerHTML
函数myFunction{
var x=document.getElementByIdmySelect.value;
var select=document.getElementByIdparticipant;
//此行清除旧数据。
select.innerHTML='select'
ifx=='BMW'{
var期权=[1,2,3,4,5];
forvar i=0;i