如何使用JqueryMobile提交表单onChange

时间:2012-02-14 16:36:37

标签: jquery jquery-mobile

我有一个选择菜单,我用它来改变这个网站的laguage。

Onchange iam尝试刷新当前页面并将变量传递给链接或地址。

这是代码;

 <form action='index.php' method="get" id='myForm'>
<select name="language" id="language" data-theme="b" style="float:right;" data-native-menu="false" 
onchange="$.mobile.changePage( 'index.php', {
type: 'get', 
data: $('form#myForm').serialize()} );">

                <option value="eng">English</option>
                <option value="ita">Italian</option>
                <option value="esp">Spanish</option>
                <option value="fr">French</option>
            </select>
</form>

然而,结果我得到了一些东西; ?的的index.php语言= ITA&安培;语言=主机&安培;语言=主机&安培;语言=主机&安培;语言=主机

我试图只获得 index.php?language = ita

也可以将提交指向当前页面,而不是index.php

感谢任何有时间帮助我的人

1 个答案:

答案 0 :(得分:1)

格里,

尝试使用不引人注目的javascript而不是内联。以下几行可能有效:

<form action='index.php' method="get" id='myForm'>
    <select name="language" id="language" data-theme="b" style="float:right;" data-native-menu="false">
        <option value="eng">English</option>
        <option value="ita">Italian</option>
        <option value="esp">Spanish</option>
        <option value="fr">French</option>
    </select>
</form>

<script>
    $(function() {
        $('#language').change(function() {
            $.mobile.changePage('index.php', {
                type: 'get',
                data: $('form#myForm').serialize()
            });
        });
    });
</script>
未经测试,所以没有保证,但至少有点清洁。另外,如果你在这里充实了这个要求(我假设根据选择选项值改变页面),我想我们可以很快找到解决方案。