根據下拉值隱藏或顯示

我有一個下拉菜單，當我從下面的字段中選擇一個時，它必須消失。我該如何做到這一點。我是struts新手。請幫助我根據下拉值隱藏或顯示

<td> 
    <s:select 
     headerKey="none" headerValue="Select UI Controller" 
     list="UiControllersMap" 
     name="uiController"/> 

    <s:fielderror fieldName="uiController" cssClass="customErrorMessage"/> 
</td>

來源

2013-02-05 jeeva

如果您想在選擇後隱藏SELECT，我很肯定這不是最佳做法。如果用戶誤點擊會怎麼樣？他無法撤消選擇了嗎？你能更專注於你想要達到的目標嗎？ –

從您的問題不確定哪個字段需要消失：dropdown或label below？我們假設標籤。

<td> 
    <s:select 
     id="dropDownId" 
     headerKey="none" headerValue="Select UI Controller" 
     list="UiControllersMap" 
     name="uiController" 
     onchange="hideField()" 
     /> 

    <s:fielderror id="fieldId" fieldName="uiController" cssClass="customErrorMessage"/> 
</td> 
<script language="text/javascript"> 
    function hideField() { 
     dropDown = document.getElementById("dropDownId"); 
     fieldError = document.getElementById("fieldId"); 
     if (dropDown && fieldError) { 
     if (dropDown.options[dropDown.selectedIndex].text == fieldError.innerText) { 
      fieldError.style.display='none'; 
     } 
     else { 
      fieldError.style.display=''; 
     } 
     } 
    } 
</script>

來源

2013-02-05 06:54:26

非常感謝 – jeeva

根據下拉值隱藏或顯示

回答

相關問題