我的php表單不會通過jQuery-Mobile提交

我有一個完整的PHP，HTML代碼，但是當我將它放入使用jQuery Mobile的樣式的網站時，submit按鈕不會顯示查詢。有誰知道如何解決這個問題，甚至爲什麼它正在發生我的php表單不會通過jQuery-Mobile提交

SCRIPT

<!DOCTYPE html> 
<html> 
<html lang="en"> 
<head> 
<meta charset="utf-8" /> 
<title>The School of Computing and Mathematics</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="themes/project1.css" /> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile.structure-1.3.0.min.css" /> 
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script> 
</head>

PHP

<body> 
<div data-role="page"> 
<?php 


// Create connection 
$con=mysqli_connect('localhost', '', '', 'timetabledb'); 

// Check connection 
if (mysqli_connect_errno($con)) 
{ 
echo "Failed to connect to MySQL: " . mysqli_connect_error(); 
} 
$course_dropdown =""; 
$query_course = "SELECT * FROM course"; 
$result_course = mysqli_query($con,$query_course) or die(mysqli_error()); 

while($row = mysqli_fetch_assoc($result_course)) 
{ 
$course_dropdown .= "<option value='{$row['CourseName']}'>{$row['CourseName']}</option>"; 
} 

$module_dropdown =""; 
$query_module = "SELECT * FROM module"; 
$result_module = mysqli_query($con,$query_module) or die(mysqli_error()); 

while($row = mysqli_fetch_assoc($result_module)) 
{ 
$module_dropdown .= "<option value='{$row['ModuleName']}'>{$row['ModuleName']}</option>"; 
} 

$day_dropdown =""; 
$query_day = "SELECT * FROM days "; 
$result_day = mysqli_query($con,$query_day) or die(mysqli_error()); 

while($row = mysqli_fetch_assoc($result_day)) 
{ 
$day_dropdown .= "<option value='{$row['Day']}'>{$row['Day']}</option>"; 
} 


echo "<table border='1'> 
<tr> 

<th>Course Name</th> 
<th>Module Name</th> 
<th>Type of Class</th> 
<th>Lecturer</th> 
<th>Time</th> 
<th>Day</th> 
<th>Room</th> 

</tr>"; 



if (isset($_POST['button']) && $_POST['button'] == 'Submit') { 
    $course = mysqli_real_escape_string($con, $_POST['Course']); 
$module = mysqli_real_escape_string($con, $_POST['Module']); 
$day = mysqli_real_escape_string($con, $_POST['Day']); 

$query = "SELECT * FROM course_module WHERE CourseName = '$course' AND ModuleName = '$module' AND Day = '$day'"; 

$result = mysqli_query($con,$query); 

while($row1 = mysqli_fetch_assoc($result)){ 

echo "<tr>"; 

    echo "<td>" . $row1['CourseName'] . "</td>"; 
    echo "<td>" . $row1['ModuleName'] . "</td>"; 
    echo "<td>" . $row1['ClassType'] . "</td>"; 
    echo "<td>" . $row1['Lecturer'] . "</td>"; 
    echo "<td>" . $row1['Time'] . "</td>"; 
    echo "<td>" . $row1['Day'] . "</td>"; 
    echo "<td>" . $row1['Room'] . "</td>"; 
    echo "</tr>"; 

} 
} 
?>

HTML

<h1>School of Computing and Mathematics</h1> 
<h2>Mobile website<h2> 
<h2>Current students</h2> 

<div data-role="collapsible-set" data-theme="c" data-content-theme="d"> 
<div data-role="collapsible"> 
    <h3>Section 1</h3> 
    <p>I'm the collapsible content for section 1</p> 
    </div> 
    <div data-role="collapsible"> 
    <h3>Section 2</h3> 
    <p>I'm the collapsible content for section 2</p> 
    </div> 
    <div data-role="collapsible"> 
    <h3>Timetabling</h3> 
    <p>Select your Course</p> 

    <form action="current.php" method="post" data-ajax="false"> 
    <select name="Course"> 
    <option>Select Course</option> 
    <?php echo $course_dropdown; ?> 
    </select> 

    <select name="Module"> 
    <option>Select Module</option> 
    <?php echo $module_dropdown; ?> 
    </select> 

    <select name="Day"> 
    <option>Select Day</option> 
    <?php echo $day_dropdown; ?> 
    </select> 

    <input id ="button_timetable" name="button" value="Submit" type="submit"> 
    </form> 





    </div> 






<div data-role="footer" data-id="foo1" data-position="fixed"> 
<div data-role="navbar"> 
    <ul> 
     <li><a href="homepage.html">Home</a></li> 
     <li><a href="news.html">News</a></li> 
     <li class="ui-btn-active ui-state-persist"><a href="current.html">Current students</a></li> 
     <li><a href="prospective.html">Prospective students</a></li> 
    </ul> 
</div><!-- /navbar --> 
    </div><!-- /footer --> 
</div> 
</body> 
</html>

請記住，這個腳本完全在一個普通的HTML網站上實現。我只有jQuery移動庫的問題。

謝謝你提前

來源

2013-03-18 Seanin Ledgewood

那麼最重要的部分呢，JavaScript呢？ – Gajotres 2013-03-18 17:36:23

我還沒有使用任何JavaScript。你可以在上面看到的是我正在使用的完整代碼。 – 2013-03-18 17:39:19

那你爲什麼認爲這是一個jQuery問題？你已經使用data-ajax =「false」，所以正常的表單提交應該工作。首先，你檢查了一個成功的請求（請求到達PHP）嗎？你沒有使用ajax，所以我猜想沒有任何PHP錯誤？ – Gajotres 2013-03-18 17:55:12

讓我給你一個答案，我發現一切都經過你的代碼。

裏面一個的index.php：

數據AJAX = 「假」應添加作爲形式屬性，它防止jQuery Mobile的使用AJAX來提交數據。
不正確的jQuery Mobile的CSS是在一個HEAD初始化
表標籤沒有關閉

但是，通過與波谷，這是精心打造的網頁。

來源

2013-03-19 18:50:21 Gajotres

非常感謝，您的suggections已經完成了這個訣竅:) – 2013-03-19 23:24:06

我的php表單不會通過jQuery-Mobile提交

回答

相關問題