當前在我的代碼中,我有一個下拉菜單。該下拉菜單有三個用戶可以選擇的選項。完全需要有一個文本框,如果它被選中。放棄需要有一個下拉菜單來顯示。然後Transfer以相同的方式工作。還需要出現一個下拉菜單。當從下拉菜單中挑選某些項目時,出現更改文本框/下拉菜單
的第一個下拉我的HTML代碼:
<select name="Action" id="ActionDD" required onchange="showHide()">
<option value="">Action:</option>
<option value="complete">Complete</option>
<option value="abandon">Abandon</option>
<option value="transfer">Transfer</option>
</select>
的文本框,需要有完整的出現,從第一個下拉菜單
<input type="text" name="RemNUM" id="REMtextBox" placeholder="Remedy Number" maxlength="10" style="display:none;"/>
拿起我的HTML代碼我從第一個下拉菜單中選擇需要放棄的下拉菜單的HTML代碼
<select name="Reason" id="ReasonDD" style="display:none;" required>
<option value="">Reason:</option>
<option value="NoShow">No Show</option>
<option value="Unfixable">Unfixable</option>
<option value="other">Other</option>
</select>
然後最後我的JavaScript代碼正在執行其中的一些任務。但是當我在挑選某些東西后從第一個下拉菜單中選擇了其他東西時,它會同時顯示新的文本框或新的下拉菜單。我需要幫助讓他們自己出現並清除舊的選定動作。
function showHide()
{
var val = document.getElementById("ActionDD").value;
if(val == "complete")
document.getElementById("REMtextBox").style.display = 'inline-block';
else if(val == "abondon")
document.getElementById("ReasonDD").style.display = 'inline-block';
else if(val == "C")
document.getElementById("ThirdTextBoxId").style.display = 'inline-block';
else if(val == "D")
document.getElementById("FourthTextBoxId").style.display = 'inline-block';
}
在此先感謝您的幫助!