JS

来源:互联网 发布:js数组中添加对象 编辑:程序博客网 时间:2024/06/05 00:19
<!DOCTYPE html>
<html>
<head>
    <title>哈哈</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


</head>
<body>
    <center>
    <div id="div1" style="width:200px;height:200px;border:black 1px dotted"></div>
    <select id="color">
    <option value="white">默认</option>
    <option value="black">黑色</option>
    <option value="blue">蓝色</option>
    <option value="orange">橙色</option>
    </select></br>
    <input type="button" id="choice" value="更改背景色"/>
    </center>
    <script type="text/javascript" src="jquery-2.0.0.min.js"></script>
        <script type="text/javascript">
        $(function(){
         $("#choice").click(function(){
        $("#div1").css({background:$('#color').val()});
        // alert($("#color").val());
         });
        });
    </script>
</body>

</html>


用Jquery更改模块背景色,绑定在按钮单机事件上,现在想当select改变,即触发该事件,待修改

怎么控制一个<select>的值变了,另一个text的值也变化

用select的onchange。在onchange中改变div的innerHTML的属性值就可以了不走后台页面刷新,如果想走后台的话就异步刷新

0 0
原创粉丝点击