0 
<link rel="stylesheet" href="//code.jquery.com/mobile/1.4.2/jquery.mobile1.4.2.min.css">
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>


<script>
    $( "#submit" ).click(function() {
       $( "#my_form" ).submit();
    });
</script>

<body>
<form id="my_form" action="my_place.jsp" method="POST" style="align:center">
    <div data-role="page" id="page1">
        <div data-role="header">
            <h1>Parameters:</h1>
        </div>
        <div data-role="rangeslider">
            <label for="range-1a">Support:</label> <input name="range-1a"
                id="range-1a" min="1" max="21" value="1" type="range"> <label
                for="range-1b">Support:</label> <input name="range-1b" id="range-1b"
                min="1" max="21" value="5" type="range">
        </div>
        <div data-role="rangeslider">
            <label for="range-2a">Confidence:</label> <input name="range-2a"
                id="range-2a" min="50" max="100" value="90" type="range"> <label
                for="range-2b">Confidence:</label> <input name="range-2b"
                id="range-2b" min="50" max="100" value="100" type="range">
        </div>
        <div data-role="fieldcontain">
            <label for="select-choice-1" class="select">Building:</label>
            <select name="select-choice-1" id="select-choice-1">
                <option value="Library">Library</option>
                <option value="Hospital">Hospital</option>
            </select>
        </div>
        <input type="submit" name="Submit" value="Submit" id="submit">
    </div>
</form>
</body>

我正在使用 JQuery 移动滑块，一旦用户单击提交，我想将表单提交到 my_place.jsp。我的代码有什么问题？

4

3 回答 3

1

两件事情

首先：将您的点击和提交功能包装成闭包中的功能。

$(function() {
    //your submit and click functions in here
});

您需要关闭它们的原因是因为您的点击和提交的侦听器在页面加载之前没有被实例化..这就是为什么它需要在这样的函数中....

第二：您可能遇到的另一个问题..（我知道，因为我对此有疑问）是您可能需要在您的表单上关闭 ajax。离开。

<form data-ajax="false" id="my_form" action="my_place.jsp" method="POST" style="align:center">

如果这些不起作用，请告诉我们！祝你好运！

于 2014-03-10T03:30:13.963 回答
0

将您的代码放入DOM 就绪处理程序 $(document).ready(function(){....});或更短的形式中$(function() {....});

$(function () {
    $("#submit").click(function () {
        $("#my_form").submit();
    });
});

此步骤是必需的，因为您将 jQuery 代码放在<head>页面的部分中。上述任务用于确保在执行 jQuery 代码之前正确加载所有 DOM 元素

您还需要使用$("#my_form").submit();，而不是$("#asso_form").submit();因为您已分配id="my_form"给您的表单。

于 2014-03-10T03:15:05.063 回答
0

像这样写你的脚本：

<script>
    $(document).ready(function(){
        $( "#submit" ).click(function() {
            $( "#asso_form" ).submit();
        });
    });
</script>
于 2014-03-10T03:16:55.910 回答