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里面就好

    点赞 评论
提交

相关推荐