Динамическое изменение содержимого с помощью переключателей во всплывающем окне - PullRequest
0 голосов
/ 26 декабря 2011

У меня 2 радио кнопки. 1-е названо как Email, а 2-е - как SMS, поэтому, когда я щелкаю по электронной почте, на нем должны отображаться поля ввода электронной почты, и то же самое относится и к SMS.

Любая помощь приветствуется.

Ответы [ 2 ]

0 голосов
/ 26 декабря 2011

Вы можете использовать подсказку javascript здесь.

как

var varname=prompt("content ","default val");

см. это

или вы можете использовать window.prompt() см. this

0 голосов
/ 26 декабря 2011

Вот одно из решений

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <style type="text/css">
        .hidden {
            display: none;
        }
    </style>
    <script type="text/javascript">
        function showFields(id) {
            var emailFields = document.getElementById("emailFields");
            var smsFields = document.getElementById("smsFields");
            if (id == "email") {
                emailFields.style.display = "block";
                smsFields.style.display = "none";
            } else {
                smsFields.style.display = "block";
                emailFields.style.display = "none";
            }
        }
    </script>
</head>
<body>
<form action="#">
    <label>
        email
        <input name="selector" type="radio" id="email" onclick="showFields('email')">
    </label>
    <label>
        sms
        <input name="selector" type="radio" id="sms" onclick="showFields('sms')">
    </label>
    <fieldset class="hidden" id="emailFields">
        <legend>Email fields</legend>
        <input type="text" id="emailInput">
    </fieldset>
    <fieldset class="hidden" id="smsFields">
        <legend>SMS fields</legend>
        <input type="text" id="smsInput">
    </fieldset>
</form>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...