如何从phonegap的下拉列表中选择选项后打开弹出框。我已经浏览过文档,但只有通过锚标记才能实现。请帮助我怎么做。
提前致谢
答案 0 :(得分:2)
如果您使用select标签进行下拉列表,则将函数onchange()与select标签绑定。 AS
在HTML中
<select id = "status_selector" onchange="fnStatusChanged()"></select>
在Java脚本中
<script>
function fnStatusChanged(){
// Write Something
}
<script>
答案 1 :(得分:1)
给定标准的jQM选择小部件,例如:
<div class="ui-field-contain">
<label for="select-native-1">Basic:</label>
<select name="select-native-1" id="select-native-1">
<option value="1">The 1st Option</option>
<option value="2">The 2nd Option</option>
<option value="3">The 3rd Option</option>
<option value="4">The 4th Option</option>
</select>
</div>
和标准弹出式标记,例如:
<div data-role="popup" id="popupDialog" data-overlay-theme="b" data-theme="b" data-dismissible="false" style="max-width:400px;">
<div data-role="header" data-theme="a">
<h1>Selected Val?</h1>
</div>
<div role="main" class="ui-content">
<h3 class="ui-title">You selected the item with a value of</h3>
<p id="selectedVal"></p>
<a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-b" data-rel="back" data-transition="flow">OK</a>
</div>
</div>
您可以处理select的更改事件,然后调用弹出窗口小部件的open方法来启动弹出窗口:
$("#select-native-1").on("change", function () {
var val = $(this).val();
$("#selectedVal").html(val);
$("#popupDialog").popup("open");
});
这是一个有效的 DEMO