Как делать просматривать меню в зависимости от выбора, выбранного заблаговременно?

У меня есть этот код:

<fieldset>
  <section>
    <label class="label">Select an option</label>
    <label class="select">
      <select required>
        <option value="" selected="selected" disabled="disabled">Select an option</option>
        <option value="A">A</option>
        <option value="B">B</option>
        <option value="C">C</option>
        <option value="D">D</option>
        <option value="E">E</option>
      </select>
      <i></i>
    </label>
  </section>
  <section>
    <label class="label">Select another option</label>
    <div class="row">
      <div class="col col-3">
        <label class="radio state-success"><input type="radio" name="radio" id="radio" value="1" checked><i></i>1</label>
      </div>
      <div class="col col-3">
        <label class="radio state-success"><input type="radio" name="radio" id="radio"  value="2" ><i></i>2</label>
      </div>
    </div>
  </section>
</fieldset>

В настоящее время два seleccionables являются одними на другом. Мне хотелось бы делать, что второй seleccionable появился, завершив первого раньше и чтобы мочь состоять, в том, чтобы второй seleccionable изменился в зависимости от первого выбора, который выбирается. Как я могу делать?

1
задан 30.12.2016, 18:48
1 ответ

Ты можешь использовать CCS я оставляю тебе полный пример, даже, что podrГ, - чтобы помогать помещая то, что уже у тебя есть на экране.

<html>
    <head>
        <title>Menu Desplegable</title>
        <style type="text/css">

            * {
                margin:0px;
                padding:0px;
            }

            #header {
                margin:auto;
                width:500px;
                font-family:Arial, Helvetica, sans-serif;
            }

            ul, ol {
                list-style:none;
            }

            .nav > li {
                float:left;
            }

            .nav li a {
                background-color:#000;
                color:#fff;
                text-decoration:none;
                padding:10px 12px;
                display:block;
            }

            .nav li a:hover {
                background-color:#434343;
            }

            .nav li ul {
                display:none;
                position:absolute;
                min-width:140px;
            }

            .nav li:hover > ul {
                display:block;
            }

            .nav li ul li {
                position:relative;
            }

            .nav li ul li ul {
                right:-140px;
                top:0px;
            }

        </style>
    </head>
    <body>
        <div id="header">
            <ul class="nav">
                <li><a href="">Inicio</a></li>
                <li><a href="">Servicios</a>
                    <ul>
                        <li><a href="">Submenu1</a></li>
                        <li><a href="">Submenu2</a></li>
                        <li><a href="">Submenu3</a></li>
                        <li><a href="">Submenu4</a>
                            <ul>
                                <li><a href="">Submenu1</a></li>
                                <li><a href="">Submenu2</a></li>
                                <li><a href="">Submenu3</a></li>
                                <li><a href="">Submenu4</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="">Acerca de</a>
                    <ul>
                        <li><a href="">Submenu1</a></li>
                        <li><a href="">Submenu2</a></li>
                        <li><a href="">Submenu3</a></li>
                        <li><a href="">Submenu4</a></li>
                    </ul>
                </li>
                <li><a href="">Contacto</a></li>
            </ul>
        </div>
    </body>
</html>
-1
ответ дан 24.11.2019, 12:03
  • 1
    Этот có я говорю, что он совсем не имеет общее ни с вопросом ни с có я говорю имеемый в той же самой. – Alvaro Montoro♦ 17.12.2016, 07:22
  • 2
    Помимо этого, ¿ ты - автор có я говорю показанный наверху? Потому что возможно находить có я говорю idé ntico слово из-за слова в других онлайн сайтах. Если ты это не, я рекомендую тебе проходить по Центру Помощи и читать ¿ Có mo передавать материал к другим? – Alvaro Montoro♦ 17.12.2016, 07:31
  • 3
    Альваро Монторо смог состоять в том, чтобы ты имел razó n, всегда я тестирую, что функционировало то, что я имею, поэтому упомянула форма о том, что podrí чтобы подавать его, поэтому комментируйте, было ли у него что-то более визуальное, чем вне большего количества помощи, и спасибо за это передавания материала к другим. – SoftMolina 21.12.2016, 20:13
  • 4
    @SoftMolina Всегда ты можешь añ adir вся informació n в botó n издавания точно под ответом. – Francisco Romero 30.12.2016, 17:26

Для этого типа упражнения ты нуждаешься в Javascript. Подумай, что ты должен подбирать стоимость начального неудара в лунку для, однажды выбран, показывать контент или другой во второстепенном. Здесь у тебя есть пример в js чисто.

http://www.javascripttoolbox.com/lib/dynamicoptionlist/examples.php

Я надеюсь, что он подает тебя, любая вещь я буду где-то здесь ;)

0
ответ дан 03.12.2019, 18:31