選擇另一個列表框值時如何清除列表框值

Question

我創建了一個取決於單選按鈕的單擊列表框，如果用戶單擊一個單選按鈕列表框將顯示該框，並且用戶再次選擇其他選項，但它不清除列表框的先前值，則如何通過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>

這是我嘗試過JS FIDDLE的示例

Answer 1

這是我的想法（未經測試）。 給每個列表框一個類名，例如class='lst' 。 之后，當您單擊單選按鈕時，只需使用：

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

並顯示當前列表框。

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

這是演示

Answer 2

嘗試這個：

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

Answer 3

我認為show / hide方法不適合編程。

我不知道它是否有用，但這可能對您有所幫助。

您可以使它像

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