關於選擇單選按鈕，表單應該不會重新加載頁面出現

嗨，我是一個業餘程序員。一旦用戶單擊單選按鈕，我希望表單動態顯示，無需重新加載頁面。有沒有我可以找到的任何參考。請有人可以幫我解決這個問題。關於選擇單選按鈕，表單應該不會重新加載頁面出現

這裏的HTML代碼

<p>First Name: <input type="text" name="fname" size="15" maxlength="20"/> </p> 

<p>Term <select name="term"> 
    <option value="noterm">No Term</option> 
    <option value="1year">1 Year</option> 

</select></p> 

<p>Enter IMEI: <input type="text" name="imei" size="15" maxlength="20" value=""/> </p> 
<p>Selling Price: <input type="text" name="sprice" size="15" maxlength="20" value=""/> </p> 
<p>Rep: <input type="text" name="rep" size="5" maxlength="3" value=""/> </p> 
<p><input type="submit"name="submit" value="Tender" /></p> 


</form> 
<!--This is where I need the action to HAPPEN--> 
<form> 
<input type="radio" name="Credit" value="ISC" /> ISC<br /> 
<input type="text" name="credit1" size="15" maxlength="10" value=""/> 
</form>

來源

2011-07-04 darsh

我真的不跟着你的意思..哪種形式應該出現，什麼時候？ –

@james當用戶選擇上面的單選按鈕時，我需要在代碼底部顯示credit1輸入。 – darsh

DHTML ...懷舊...'：）' –

最簡單的方法將是給你的radio輸入和隱藏text輸入的id，然後用下面的JavaScript：

document.getElementById("Credit").onclick = function() { 
    document.getElementById("credit1").style.display = "block"; 
}

您需要最初隱藏文字input，您可以在您的CSS中使用display:none做到這一點。你可以看到一個here的例子。

如果你能夠使用jQuery它會更容易，無需添加id您input元素，假設你name屬性是獨特的：

$("input[name=Credit]").click(function() { 
    $("input[name=credit1]").show(); 
});

來源

2011-07-04 23:04:41

非常感謝我會試試這個.. – darsh

它的工作非常感謝... – darsh

您應該使用腳本隱藏元素，以便如果javascript不可用或禁用那麼表單仍然可用。如果元素具有名稱，則不需要ID。 'var input = document.forms [9] .credit;'。輸入的display屬性的默認值可能不是block（在Firefox中是* inline *），爲了使其可見，請將其設置爲「」（空字符串），以便它採用適當的默認值或繼承值。 – RobG

關於選擇單選按鈕，表單應該不會重新加載頁面出現

回答

相關問題