select下拉菜单value可以直接显示吗

我做了根据ID回传到修改页面,发现,input有值,select没有值。
select下拉菜单的文本框的值,可否直接显示在页面上

如ddlselect.Value = "test";

5个回答

select.Value='xxxxx'这样来设置select的值是可以的,但是需要存在此值的option,并且只是区分大小写的,没有匹配的option就会显示空白(你应该使用的是chrome所以空白,如果Firefox不存在value则不更改默认值,提交也是提交当前选中的),并且也无法提交这个值,只能提交option存在选中的值

showbo
支付宝加好友偷能量挖 回复happyleo12: 怎么生成没关系,但是你通过select.value='xxxxx'设置值的时候select一定要存在对应的option,要不就是我说的那种情况,为空或者就select没有变化。select不同input可以设置前天值,设置的值只能是option中存在的value值
大约 3 年之前 回复
happyleo12
happyleo12 我没有option,下拉菜单是通过数据库里读取的,这样也会影响吗?
大约 3 年之前 回复
showbo
支付宝加好友偷能量挖 严格区分大小写
大约 3 年之前 回复

当然可以,既然可以取到它就可以显示到想要显示的位置啊

HackAge4619
写给初学者的几封信 回复happyleo12: 取到的是多个要用集合来接收哦
大约 3 年之前 回复
happyleo12
happyleo12 我取到值了,就是传不过去,我测试了一下ddlselect.Value = "test",select的值是空白的
大约 3 年之前 回复

修改select值的时候应该是,让value对应的option选中。

这里有一个简单的例子,原理类似,你可以参考一下。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="jquery-1.11.3.min.js"></script>
    <style type="text/css">
        select {
            display: block;
            margin: 0 auto;
            padding: 0 10px;
            width: 200px;
            height: 30px;
            line-height: 30px;
        }
        ul {
            margin: 30px auto;
            padding: 0;
        }
        li {
            display: block;
            margin: 0 auto;
            padding: 0 10px;
            width: 180px;
            line-height: 30px;
            cursor: pointer;
            border: 1px solid #eee;
        }
    </style>
</head>
<body>
    <select name="country">        
        <option value="0">请选择国家</option>
        <option value="1">泰国</option>
        <option value="2">韩国</option>
        <option value="3">日本</option>
        <option value="4">台湾</option>
        <option value="5">澳门</option>
    </select>
    <ul>
        <li class="sel-country">1</li>
        <li class="sel-country">2</li>
        <li class="sel-country">3</li>
        <li class="sel-country">4</li>
        <li class="sel-country">5</li>
    </ul>
    <script type="text/javascript">
        $(function(){
            $('.sel-country').each(function(){
                $(this).click(function(){
                    var o = $('select[name="country"] option');
                    var l = o.length;
                    console.log(l);
                    for(var i = 0; i < l; i++){
                        if(o.eq(i).attr('value') == $(this).html()){
                            console.log(i);
                            o.eq(i).attr('selected','selected')
                        }
                    }
                })
            })
        })
    </script>
</body>
</html> 

你是要js的还是jsp的??

value是选项的后台值,text才是要显示在页面上的值,所以传到text里面就好

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问