态改变select下拉框的当前选中项

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了态改变select下拉框的当前选中项相关的知识,希望对你有一定的参考价值。

html网页里有select,单击弹出下拉框,单击某个选项该选项就会被选中,现在怎么通过一个按钮,通过JS动态改变select下拉框的当前选中项,怎么实现
我已经尝试了近10种写法均没效果,包括jQuery等,求解决方案???
是放在微信上html5网页
thank你们 自己已解决
自己已经搞定 ,在jQuery mobile里通过代码修改select当前选中项后需要刷新
$("#taskId").val(0);
$("#taskId").selectmenu('refresh');

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>示例</title>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.8.0/jquery.min.js"></script>
</head>
<body>
<select name="select" id="select">
<option value="111111">1111111</option>
<option value="222222">2222222</option>
<option value="333333">3333333</option>
</select>
<button id="btn">按钮</button>
<script>
$("#btn").click(function(event) 
var val = $("#select option").eq(2).val();
$("#select").val(val);
);
</script>
</body>
</html>追问

你们方法都试了,不管用

追答

追问

自己已解决,分给代码最多的那个,希望其他理解 !百度知道没CSDN可以给不同人分配不同财富值的功能,抱歉!

自己已解决,分给代码最多的那个,希望其他理解 !百度知道没CSDN可以给不同人分配不同财富值的功能,抱歉!

参考技术A <script>
        $(function()
            $("#cm").click(function()
                $("#set").val(3);
            );
        );
    </script>
        <div class="main_content">
        <select id="set">
            <option value="1" >11111</option>
            <option value="2" selected>2222</option>
            <option value="3">333</option>
            <option value="4">4</option>
        </select>
        <button id='cm'>点我</button>
        引入jq文件,这样写就可以,微信浏览器亲测有效

追问

你们方法都试了,不管用

追答

我也是微信浏览器打开的,有用啊,你用web浏览器试试,或者说导入jq文件没

参考技术B 你可以这样写:
$("#btnID").click(function()
$("#selectID").val("2");

);
希望帮到你,谢谢追问

你们方法都试了,不管用

追答

对对的,是需要刷新的

以上是关于态改变select下拉框的当前选中项的主要内容,如果未能解决你的问题,请参考以下文章

js如何获取下拉框选中项的文本?

JS与Jquery之动态添加下拉框select并级联改变事件

jQuery操作select下拉框的text值和value值的方法

jquery如何将下拉框的某元素设为当前选中值

如何获取select下拉框的值

jquery 怎么把下拉框选中的值 赋给文本框