js jquery 怎么让选中状态的select 赋值给另一个对象..
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js jquery 怎么让选中状态的select 赋值给另一个对象..相关的知识，希望对你有一定的参考价值。
<div class="sec"><span>xxx</span><select><option value=1>1</option><option value=1>1</option></select></div>
<div class="sec"><span>xxx</span><select><option value='a'>a</option><option value='b'>'b'</option></select></div>
可否使用一句js 代码 在页面加载后 就让选中状态的option 的值赋值到span 里面。
一句js 分别为2个select 赋值到前面的select里面。
$(function()
// 为所有的 class="sec" 下的 select 绑定 onchange 事件
$(".sec select").change(function()
// 当选择的时候，找到当前选中的 option
var option = $(this).find("option:selected");
// 获得 value 和 对应文本
var selv = option.val();
var selt = option.text();
// 然后找到 select 的父节点的第0个 span，把 selt 写入到 span 中
$(this).parent().find("span:eq(0)").html(selt);
)
// 初始化的时候，执行一次change方法
$(".sec select").change();
);
</script> 参考技术A $(function()
function _spansel(select,span)
var selectedoptionvalue = select.options[select.selectedIndex].value;
span.innerHTML = selectedoptionvalue;
$('.sec').each(function()
var self = $(this);
var span = self.find('span:eq(0)');
var select = self.find('select:eq(0)');
if(span.get(0) && select.get(0))
_spansel(select.get(0),span.get(0));
select.bind('change',function()
_spansel(this,span.get(0));
);
);
);追问
谢谢，如果是把 select 的 text 付给 span 呢？
追答select.options[select.selectedIndex].value
改成
select.options[select.selectedIndex].text;
for(var i=0;i<sels.length;i++)
sels[i].previousSibling.innerHTML = sels[i].value;
参考技术C change()方法和·val()方法实现
态改变select下拉框的当前选中项
html网页里有select，单击弹出下拉框，单击某个选项该选项就会被选中，现在怎么通过一个按钮，通过JS动态改变select下拉框的当前选中项，怎么实现
我已经尝试了近10种写法均没效果，包括jQuery等，求解决方案？？？
是放在微信上html5网页
thank你们 自己已解决
自己已经搞定 ，在jQuery mobile里通过代码修改select当前选中项后需要刷新
$("#taskId").val(0);
$("#taskId").selectmenu('refresh');
<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");
);
希望帮到你，谢谢追问
你们方法都试了，不管用
追答对对的，是需要刷新的
以上是关于js jquery 怎么让选中状态的select 赋值给另一个对象..的主要内容，如果未能解决你的问题，请参考以下文章