Question

我想用JavaScript弹出jQuery mobile select。

<select class="select1" name="select1" id="select1" data-native-menu="false">
       <option value="1">Opt1</option>
       <option value="2">Opt2</option>
       <option value="3" disabled="disabled">Opt3</option>
       <option value="4">The 4th Option</option>
       </select>

点击此按钮打开

<p onClick="test()">OpenUp</p>

功能：

test= function() {
$( ".select1" ).selectmenu( "open" );
}

但我收到了一个错误：

未捕获错误：无法在selectmenu之前调用方法初始化;试图调用方法'open'

小提琴 http://jsfiddle.net/k3Dz6/

如何解决？ TY！

Answer 1

select1类也分配给<span>元素，该元素是selectmenu小部件的一部分，用于扩充<select>元素。

因此，$(".select1").length为2，$(".select1" ).selectmenu("open")调用selectmenu()元素上的<span>方法，该方法失败。

您可以通过ID识别<select>元素：

$("#select1").selectmenu("open");

或限制类选择器：

$("select.select1").selectmenu("open");

您会找到更新的小提琴here。

如何使用JavaScript弹出jQuery mobile select？

1 个答案: