使用jQuery,如何存放选定值到数列?

铁血战士 发布于 2011/07/17 15:43
阅读 506
收藏 0

谢谢阅读我的问题。

我还以为在选定的.val()上使用.split函数很简单,但是发生了个JS的错误。下面是我编的代码,我使用.each()遍历选定的条目...

我想了解我做错了什么?

如果我选择用文字,那么.split就工作。

<html><head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/JavaScript">
$(function(){
        $("#multOpts").bind("click", function() {
        //      var opts = "OPT1,OPT2,OPT3" ;
                var opts = $("#select1").val() ;
                $("#text1").val(opts);
        });
        $("#oneOpt").bind("click", function() {
                //      var opts = "OPT1,OPT2,OPT3" ;
                var opts = $("#select1").val() ;
                var optsArray = opts.split(",") ;
                $("#text2").val("1st opt: " + optsArray[0]);
        });
}); // End eventlistener
</script>
</head><body>
<select id="select1" multiple size="5">
<option value="OPT1">Option 1</option>
<option value="OPT2">Option 2</option>
<option value="OPT3">Option 3</option>
<option value="OPT4">Option 4</option>
<option value="OPT5">Option 5</option>
</select>
<div>
<input id="multOpts" type="button" value="Show Options"/>
<input id="text1" type="text"/>
</div>
<input id="oneOpt" type="button" value="One Option"/>
<input id="text2"  type="text"/>
</body></html>

加载中
0
mark35
mark35
var opts = $("#select1").val() ;

这个取出来的是select对象当前值吧。是一个值而不是 "OPT1,OPT2,OPT3"

你可以在FireFox下这样来查看元素值

{
  .....
  var opts = $("#select1").val() ;
  alert(opts.toSource());
}



你使用的jQuery版本也忒老了点吧。

返回顶部
顶部