2

我正在开发一个应用程序，我在其中使用选择菜单。由于我是开发新手，所以我不知道在选择选择菜单时如何更改页面。我在选择菜单上尝试了 onclick 事件和 onchange 事件，但它们不起作用。我正在使用的代码是

代码：

索引.html

<section id="previewPage" data-role="page">
  <div data-role="content" id="previewId" class="previewScreen">


        <select name="select-choice-0" id="select-choice-1" data-native-menu="false">
            <option value="email">Share via Email</option>
            <option value="bbm">Share via BBM</option>
            <option value="sms">Share via SMS</option>
            <option value="facebook">Share via Facebook</option>
            <option value="twitter">Share via Twitter</option>
            <option value="google">Share via Google</option>
        </select>                       
        </div>

    </section>

根据上面的代码，当我单击通过电子邮件共享或通过 BBM 共享时，它需要将页面导航到那些特定的 html 页面。例如 ，当我单击“通过 BBM 共享”选项时，我的项目需要将页面从 index.html 更改为 BBM.html 页面。

任何人都请帮我解决这个问题......在此先感谢......

4

4 回答 4

2

data-一种选择是向选项标签添加属性：

<option value="bbm" data-location='www.example.com/bbm.html'>Share via BBM</option>


$('#select-choice-1').change(function() {
   window.location = $(this).data('location')  
})

data()

于 2012-07-09T08:08:55.387 回答
2

jQuery Mobile 公开$.mobile.changePage方法。你可以用这个解决问题。

如果需要导航的页面与“index.html”在同一目录下，可以使用下面的js。

$(function(){

    $('select').change(function() {
        var nextpage = $(this).children('option:selected').attr('value');
        $.mobile.changePage( nextpage + '.html' );
    });

});​

DEMO :jsfiddle (多页示例)

于 2012-07-10T17:47:40.023 回答
0

我正在使用以下代码来更改带有选择框的页面 url，作为菜单。

$('#menu-select').change(function() {
   window.location = $(this).data('location')  
})

的JavaScript：

 <select name='select-choice-1' id="menu-select">
    <option value="">Menú:</option>
    <option value="index.php">Noticias</option>
    <option value="index.php#tramites" data-location='index.php#tramites'>Trámites</option>
    <option value="index.php#twitter" data-location='index.php#twitter'>Twitter</option>
    <option value="virgen_del_valle.php">Parque Virgen del Valle</option>
    </select>

我有三个页面：

  • index.php（包含页面或 data-role="page" 和 id）
  • 新闻.php
  • 事件.php

问题是，例如，当我选择主页选项，然后选择更多信息并尝试转到事件时，它没有加载页面。

我认为这段代码必须对内部页面和外部 url 有条件。

希望你能

于 2013-04-04T06:53:54.073 回答
0 
var a = document.createElement('a');
a.href='http://google.com/';
a.rel = 'external';
a.target = '_top';
document.body.appendChild(a);
a.click();

提琴手

于 2013-05-31T21:47:33.693 回答