从phonegap的下拉列表中选择选项后弹出框

时间:2014-09-27 12:52:50

标签: jquery-mobile cordova

如何从phonegap的下拉列表中选择选项后打开弹出框。我已经浏览过文档,但只有通过锚标记才能实现。请帮助我怎么做。

提前致谢

2 个答案:

答案 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