При выборе переключателя форма должна отображаться без перезагрузки страницы.

Question

Привет, я программист-любитель.Я хочу, чтобы форма отображалась динамически, не перезагружая страницу, когда пользователь нажимает кнопку-переключатель.Есть ли какая-нибудь ссылка, которую я могу найти.Может кто-нибудь помочь мне с этим, пожалуйста.

Вот код 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>

Answer 1

Самый простой способ - ввести radio, а скрытый text - id, а затем использовать следующий JavaScript:

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

Сначала вам нужно будет скрыть текст input, что вы можете сделать в своем CSS с помощью display:none. Вы можете увидеть пример этого здесь .

Если вы сможете использовать jQuery, это будет еще проще, без добавления id к вашим input элементам, при условии, что ваши атрибуты name уникальны:

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