select下拉框不同的内容只能通过value值去判断，我现在想用自定义的值去判断出来不同的内容，

select下拉框不同的内容只能通过value值去判断，我现在想用自定义的值去判断出来不同的内容，比如pay="1"根据这个值去判断，哪位大神有方法<selectname... select下拉框不同的内容只能通过value值去判断，我现在想用自定义的值去判断出来不同的内容，比如pay="1"根据这个值去判断，哪位大神有方法
<select name="sel" id="sel" onchange="javascript:doit();">
<option selected="selected">请选择</option>
<option pay="0" value="0">不要输入框</option>
<option pay="1" value="1">收费的</option>
<option pay="99" value="2">不收费</option>
</select>
这段是JS
<script language="javascript">
function $(obj){return document.getElementById(obj);}
function show(objid) {$(objid).style.display='inline';}
function hidden(objid) {$(objid).style.display='none';}
function doit(){
var sel_val=$('sel').value;
if (sel_val=='') {hidden('a1');hidden('a2');}
if (sel_val==0) {hidden('a1');hidden('a2');}
if (sel_val==1) {show('a1');hidden('a2');}
if (sel_val==2) {show('a2');hidden('a1');}
}
</script> 展开

 我来答举报

1个回答

#热议# 空调使用不当可能引发哪些疾病？

不落的太阳Sean
2016-12-08 · TA获得超过281个赞

知道小有建树答主

回答量：220

采纳率：0%

帮助的人：183万

我也去答题访问个人页

关注

展开全部

$("#sel option[pay='0']");

更多追问追答
追问

我补充了JS代码你看看怎么去改？》跪谢。。。
追答

function doit() {
            var select = document.getElementById("sel");
         
            var option = null;  
            for (var i=0, len=select.options.length; i < len; i++){  
                optValue = null;  
                option = select.options[i];  
                alert(option.getAttribute("pay")); // 这里可以依次获取每一个option的pay值
            }
        }

追问

跪谢啊！！
加入我要让pay的值等于1的时候出来一个div。等于99的时候不出来DIV，怎么实现啊！！！
追答

<html>
<head>
    <script>
        function doit() {
            var select = document.getElementById("sel");
         
            var option = null;  
            for (var i=0, len=select.options.length; i < len; i++){  
                optValue = null;  
                option = select.options[i];  
                if(option.getAttribute("pay") == "1"){
                    document.getElementById("div1").style="display:display";
                }
            }
        }
    </script>
</head>
<body>
    <form>
        <select name="sel" id="sel" onchange="javascript:doit();"> 
            <option selected="selected">请选择</option> 
            <option pay="0"  value="0">不要输入框</option> 
            <option pay="1"  value="1">收费的</option> 
            <option pay="99" value="2">不收费</option> 
        </select>
    </form>
    <div id="div1" style="display: none">111</div>
</body>
</html>

追问

膜拜啊。但是pay="99"的时候下面的div还是会出来。。。
追答

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">; 
<html xmlns="http://www.w3.org/1999/xhtml">; 
<head> 
<title>无标题文档</title> 
<script language="javascript"> 
 
function doit() {
            var select = document.getElementById("sel");
          
            var option =  select.options[select.selectedIndex].getAttribute("pay");
            if(option== "1" ||option== "2"||option== "3"||option== "4"||option== "5"){
                document.getElementById("div1").style="display:display";
            } else {  
                document.getElementById("div1").style="display:none";
            }
        }
         
</script> 
 
</head> 
 
<body> 
<select name="sel" id="sel" onchange="javascript:doit();"> 
<option selected="selected">请选择</option> 
<option pay="0"  value="0">不要输入框</option> 
<option pay="1"  value="1">收费的</option> 
<option pay="99" value="2">不收费</option> 
</select> 
<div id="div1" style="display:none">
这里面是pay的值是1.2.3.4.5的时候这个div出来 
</div>
 
</body> 
</html>

本回答由提问者推荐

6 已赞过 已踩过<

评论举报收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

select下拉框不同的内容只能通过value值去判断，我现在想用自定义的值去判断出来不同的内容，

其他类似问题

为你推荐：