Question

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里面。

Answer 1

<script type="text/javascript">
    $(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>

Answer 2

$(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;

Answer 3

var sels = document.getElementsByTagName("select");
for(var i=0;i<sels.length;i++){
   sels[i].previousSibling.innerHTML = sels[i].value;
}

Answer 4

change()方法和·val()方法实现