Question

我需要在选择菜单上使用jQuery动态更改样式。这是我到目前为止所做的：

<html>
    <head> 
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    </head>
    <body>
        <div id="myText">
            <p>Lorem Ipsum bla bla bla...</p>
        </div> 

        <label for="myTextFontSize">Font-Size</label><br />
        <select id="myTextFontSize">
            <option label="8px" value="8px">8px</option>
            <option label="9px" value="9px">9px</option>
            <option  label="10px" value="10px">10px</option>
            <option selected="selected" label="14px">14px</option>
        </select>

        <script>
            $("select#myTextFontSize").change(function() {
                var str = "";
                $("select#myTextFontSize option:selected").each(function() {
                    str += $(this).val();
                });
                $("#myText p").css('font-size', str);
            }).trigger('change');            
        </script>
    </body>
</html>

有关解决方案的任何想法吗？

Answer 1

$('#myTextFontSize').change(function() {
   $('#myText p').css('font-size', $(this).val()); 
});

Answer 2

你试过$（“＃myText p”）。css（'font-size'，str）？我不认为text-size是一个有效的CSS属性。

Jquery选择用于更改css样式的菜单

2 个答案: