Показать сообщение отдельно
  #4 (permalink)  
Старый 09.09.2016, 12:03
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

jquery.simpleselect подключение нескольких select
Alex25,
<!DOCTYPE html>

<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=us-ascii">
    <meta name="robots" content="noindex, nofollow">
    <meta name="googlebot" content="noindex, nofollow">
    <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.js">
    </script>
    <link rel="stylesheet" type="text/css" href="/css/result-light.css">
    <script type="text/javascript" src="http://pioul.fr/ext/jquery-simpleselect/jquery.simpleselect.2.0.0.min.js">
    </script>
    <link rel="stylesheet" type="text/css" href="http://pioul.fr/ext/jquery-simpleselect/jquery.simpleselect.2.0.0.min.css">
    <style type="text/css">
        body {
            padding: 10px;
            margin: 0;
            background: #fff;
            font: 14px Arial, Helvetica, Geneva, sans-serif;
            line-height: 1.5em;
            color: #3a3a3a;
        }

        body> div {
            float: left;
            margin: 40px 40px 0 0;
        }

        .answer {
            padding-top: 29px;
        }

        .answer span {
            font-weight: bold;
        }
    </style>

    <title>jQuery.SimpleSelect demo #4 by pioul</title>
    <script>
        $(window).load(function() {
            var sels = $(".example-select"),
                catBreedDisplay = $(".answer span");
            sels.each(function(indx, select) {
                $(select)
                    .simpleselect()
                    .on("change", function() {
                        catBreedDisplay.eq(indx).text(select.value);
                    });

            });

        });
    </script>
</head>

<body>
    <div>
        <label>What's your favorite cat breed?
    <select class="example-select">
      <option>
        Persian
      </option>

      <option>
        Maine Coon
      </option>

      <option>
        Exotic
      </option>

      <option>
        Siamese
      </option>

      <option>
        Abyssinian
      </option>

      <option>
        Ragdoll
      </option>

      <option>
        Birman
      </option>

      <option>
        American Shorthair
      </option>

      <option>
        Oriental
      </option>

      <option>
        Sphynx
      </option>
    </select></label>
    </div>

    <div class="answer">
        Answer: <span style="font-style: italic">Select a breed</span>
    </div>
    <div>
        <label>What's your favorite cat breed?
    <select class="example-select">
      <option>
        Persian
      </option>

      <option>
        Maine Coon
      </option>

      <option>
        Exotic
      </option>

      <option>
        Siamese
      </option>

      <option>
        Abyssinian
      </option>

      <option>
        Ragdoll
      </option>

      <option>
        Birman
      </option>

      <option>
        American Shorthair
      </option>

      <option>
        Oriental
      </option>

      <option>
        Sphynx
      </option>
    </select></label>
    </div>

    <div class="answer">
        Answer: <span style="font-style: italic">Select a breed</span>
    </div>
</body>

</html>
Ответить с цитированием