如何清除列表框值选择另一个列表框值

我创建了一个取决于单选按钮单击列表框将显示现在如果用户单击一个单选按钮列表框将显示，并再次用户选择其他选项，但它不清除以前的值列表框如何通过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

来源

2013-12-16 jagan

Ÿ它不能选择另一个选择是明确的????? – jagan

这是我的想法（未测试）。给每个你的列表框一个类名，如class='lst'。之后当你点击一个单选按钮时只需使用：

`document.getElementsByClassName('lst').style.display = 'none';`

并显示当前列表框。

`document.getElementsByClassName('currentListboxID').style.display = 'block';`

这里是DEMO

来源

2013-12-16 05:53:54 HICURIN

k我会试试... – jagan

对不起，我误解了你的问题，我刚刚编辑。 – HICURIN

我会尝试它..但如果你更新我的代码其有用的是从你学习？ – jagan

试试这个：

var listBox = document.getElementById("listboxID"); 
listBox.innerHTML = "";

来源

2013-12-16 06:03:40

http://jsfiddle.net/senthil4040/PvrAe/我已经尝试过，但它的工作不看看链接....请更新我的代码其有用的向你学习??? – jagan

你想隐藏/显示列表框 –

是通过单选按钮它是隐藏/显示列表框，但如果我选择取决于单选按钮清除????? – jagan

我想显示/隐藏方法是不好的节目。

我不知道它是否有用，但这可能对您有所帮助。

你可以把它像动态

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; 
}

来源

2013-12-16 06:13:40

客户端要求我dono哪个更好的方式，我搜索了一个网络，我发现这个概念独自...如果你有任何其他方法好心分享一些想法..... – jagan

使用数组，并使用只有两个下拉，并填写与数组是更好的方式来管理而不是创建它，并使其显示隐藏。 –

下拉将只有两个。一个用于上部单选按钮，另一个用于第二行单选按钮。而已。使用上面例子中提到的javascript来操作。其容易 –

如何清除列表框值选择另一个列表框值

回答

相关问题