根据select选项的值，改变css

来源：互联网发布：网络通信工作原理ppt 编辑：程序博客网时间：2024/06/08 12:58

根据select选项的值，改变文本框css

<!DOCTYPE html><html><head><script type="text/javascript" src="js/jquery-1.11.2.min.js"></script></head><body>    <div class="td1">医保属于：</div>    <select style="width:410px;" name="yb" id="select" onchange="checkField(this.value)">        <option value="无">无</option>        <option value="省、市级">省、市级</option>        <option value="省级">省级</option>        <option value="市级">市级</option>    </select>    <div style="display:none;" id="ybb">医保登记号：</div>    <input type="text" style="display:none;" id="sj" value="请输入省级医保号" />    <input type="text" style="display:none;" id="shj" value="请输入市级医保号" />    <script>        function checkField(val){            switch(val){                case '无':                    $("#ybb").css('display','none');                    $("#sj").css('display','none');                    $("#shj").css('display','none');                    break;                case '省、市级':                    $("#ybb").css('display','block');                    $("#sj").css('display','block');                    $("#shj").css('display','block');                    break;                case '省级':                    $("#shj").css('display','none');                    $("#ybb").css('display','block');                    $("#sj").css('display','block');                    break;                case '市级':                    $("#sj").css('display','none');                    $("#ybb").css('display','block');                    $("#shj").css('display','block');                    break;            }            //alert("输入值已更改。新值是：" + val);        }    </script></body></html>

0 0