happyleo12
happyleo12
2017-03-20 02:54
采纳率: 80.8%
浏览 1.8k
已采纳

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

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

如ddlselect.Value = "test";

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • showbo
    已采纳

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

    点赞 评论
  • HackAge4619

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

    点赞 评论
  • candy_tity
    陈田田 2017-03-20 03:22

    修改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> 
    
    点赞 评论
  • w2298119289j
    哆啦A梦丶幻想 2017-03-20 03:35

    你是要js的还是jsp的??

    点赞 评论
  • tr1912
    王啸tr1912 2017-03-20 05:22

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

    点赞 评论

相关推荐