问题提出,将列表放入组合框,设置并获取组合框的值。发现“getValue”这个方法时,不能将选择的值在界面上显示出来,解决方法如下:
<div id="box" ></div>
<id id="case">
<span style="white-space:pre"> </span><div>请选择</div>
<span style="white-space:pre"> </span><div><input type="radio" name="test" value="case1"><span>test1</span></div>
<span style="white-space:pre"> </span><div><input type="radio" name="test" value="case2"><span>test2</span></div>
<span style="white-space:pre"> </span><div><input type="radio" name="test" value="case3"><span>test3</span></div>
</div>
$("#box").combo()
$("#case").appendTo($("#box").combo("panel"));
$("#case input").click(function() {
var v = $(this).val(); /*选择的值*/
var t = $(this).next("span").text(); /*获取点击的input的同级span对象*/
$("#box").combo({value:v}).combo("hidePanel"); /*设置所选择的值,并隐藏弹出的面板*/
// alert($("#box").combo("getValue"))
// $("#box").combo("setValue",v).combo("hidePanel");
alert($("#box").combo("getValue"))
});