[英]How to clear a listbox value when another listbox value selected
I have created a depending on radio button click listbox will display now if user click a one radio button listbox will display and again user select other option but its not clear a previous value of listbox how to clear it by javascript???? 我创建了一个取决于单选按钮的单击列表框,如果用户单击一个单选按钮列表框将显示该框,并且用户再次选择其他选项,但它不清除列表框的先前值,则如何通过javascript清除?
<script language="JavaScript" type="text/javascript">
function fun(s)
{
if(s==B)
{
document.getElementById("maingroup").style.display='none';
document.getElementById("subgroup").style.display='';
document.getElementById("itemname").style.display='none';
}
if(s==C)
{
document.getElementById("maingroup").style.display='none';
document.getElementById("subgroup").style.display='none';
document.getElementById("itemname").style.display='';
}
</script>
Here is the example which i have tried JS FIDDLE 这是我尝试过JS FIDDLE的示例
This is my idea(not tested). 这是我的想法(未经测试)。 Give every your listbox a class name like
class='lst'
. 给每个列表框一个类名,例如
class='lst'
。 After that when you click on a radio button just use: 之后,当您单击单选按钮时,只需使用:
`document.getElementsByClassName('lst').style.display = 'none';`
and show current listbox. 并显示当前列表框。
`document.getElementsByClassName('currentListboxID').style.display = 'block';`
Try this: 尝试这个:
var listBox = document.getElementById("listboxID");
listBox.innerHTML = "";
I think show/hide method is not good for programming. 我认为show / hide方法不适合编程。
I dont know whether it is useful or not but this might be helpful to you. 我不知道它是否有用,但这可能对您有所帮助。
You can make it dynamic like 您可以使它像
var mainGroup = ["aa","bb","cc"];
var subGourp = ["dd","ee","ff"];
var itemName = ["gg","ee","ff"];
var Country = ["jj","hh","ii"];
var Zone = ["kk","ll","mm"];
if(s == A)
{
var i=0;
var str = "";
for(i=0;i<mainGroup.length;i++)
{
str += "<option value='" + (i+1) + "'>" + mainGroup[i] + "</option>";
}
document.getElementById("maingroup").style.display='';
document.getElementById("maingroup").innerHTML = str;
}
else if(s == B)
{
var i=0;
var str = "";
for(i=0;i<subGourp.length;i++)
{
str += "<option value='" + (i+1) + "'>" + subGourp[i] + "</option>";
}
document.getElementById("maingroup").style.display='';
document.getElementById("maingroup").innerHTML = str;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.