jQueryが使用する(4)ページを処理するフォーム要素

<script type="text/javascript">
            function displayVals() {
                //        value 
                var singleValues = $("#constellation1").val();
                var multipleValues = $("#constellation2").val() || []; //         
                $("span").html("<b>Single:</b> " + singleValues + "<br><b>Multiple:</b> " + multipleValues.join(", "));
            }
            $(function() {
                //         
                $("select").change(displayVals);
                displayVals();
            });
        </script>

        <select id="constellation1">
            <option value="Aries">  </option>
            <option value="Taurus">  </option>
            <option value="Gemini">  </option>
            <option value="Cancer">  </option>
            <option value="Leo">  </option>
            <option value="Virgo">  </option>
            <option value="Libra">  </option>
            <option value="Scorpio">  </option>
            <option value="Sagittarius">  </option>
            <option value="Capricorn">  </option>
            <option value="Aquarius">  </option>
            <option value="Pisces">  </option>
        </select>
        <select id="constellation2" multiple="multiple" style="height:120px;">
            <option value="Aries">  </option>
            <option value="Taurus">  </option>
            <option value="Gemini">  </option>
            <option value="Cancer">  </option>
            <option value="Leo">  </option>
            <option value="Virgo">  </option>
            <option value="Libra">  </option>
            <option value="Scorpio">  </option>
            <option value="Sagittarius">  </option>
            <option value="Capricorn">  </option>
            <option value="Aquarius">  </option>
            <option value="Pisces">  </option>
        </select>

        <span></span>

    <script type="text/javascript">
            $(function() {
                $("input[type=button]").click(function() {
                    var sValue = $(this).val(); //      value 
                    $("input[type=text]").val(sValue); //     
                });

            });
        </script>

        <p>
            <input type="button" value="Feed">
            <input type="button" value="the">
            <input type="button" value="Input">
        </p>
        <p>
            <input type="text" value="click a button">
        </p>