Question

我有一个使用选择值的表单，我想让每个选项都作为一个链接。我该怎么办？

        <form>
            <label for="direction">Select Direction:</label>
            <select name="dir" id="dir">
                <option value="1"><a href="#page2">N</a></option>
                <option value="2"><a href="#page3">S</option>
            </select>
            </fieldset>
        <input type="submit" data-inline="true" value="Confirm">
        </form>

Answer 1

收听submit事件以检索select值，然后更改页面。

从选项中删除锚标记，并将页面ID放在值value="#pageID"中。

$(document).on("pagecreate", "#pageID", function () {
  $("#formID").on("submit", function (e) {
    e.preventDefault();
    var page = $("#selectID").val();
    $.mobile.pageContainer.pagecontainer("change", page);
  });
});

<强> Demo

jQuery Mobile使用Form在页面之间导航

1 个答案: