.load页面包含表单变量
[英].load page with form variables
问题描述
我想用表单中的变量加载页面，但似乎没有得到我的选择值。 我是JavaScript的新手，我需要这样做而不是进行序列化以获取值，然后使用.load（）。 这是我的代码：
<?php
include('dbconfig.php');
$id=$_GET['id'];
?>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
function filtreaza_tip () {
var tip = document.getElementById("tip").value;
var id_local= document.getElementById("id_local").value;
$( "#tipuri_rezervare" ).load("select_tip_rezervare.php?id="+id_local+"&tip="+tip);
}
</script>
</head>
<body>
<form id="tip" method="post">
<input type="hidden" name="id_local" id="id_local" value="<?php echo $id;?>">
<select name="tip" id="tip" onchange="filtreaza_tip();">
<option value="0">Selectati Tipul</option>
<?php
$stmt = $dbh->prepare("SELECT *
FROM Tip_Rezervare
INNER JOIN Local ON Local.ID_Local=:id_local
INNER JOIN Leg_Tip_Local ON Tip_Rezervare.ID_Tip=Leg_Tip_Local.ID_Tip and Leg_Tip_Local.ID_Local=:id_local");
$stmt->bindParam(':id_local', $id, PDO::PARAM_INT);
$stmt->execute() ;
while ($row = $stmt->fetch()) {
$local=$row['Denumire_Local'];
echo '<option value="'.$row['ID_Tip'].'">'.$row['Nume'].'</option>';
}
echo'</select>';
?>
<div id="tipuri_rezervare">
</div>
</body>
</html>
我有一个可以序列化的工作，但是我不想要那样。 这是工作代码：
function filtreaza_tip ()
{
var datastring = $("#tip").serialize();
$.ajax({
type: "POST",
url: "tip_rezervare.php",
data: datastring,
success: function(data) {
$( "#tipuri_rezervare" ).load('select_tip_rezervare.php?',data);
}
});
}
3 个解决方案
解决方案1
1 已采纳 2014-05-07 12:15:09
您的表单id和下拉列表id相同。 这就是您遇到问题的原因。 更改ID，它将正常工作。
解决方案2
0 2014-05-07 11:52:56
像这样使用jquery方法$ .val（）：
$("#tip").val(); // Return the input / select value of the selector
检查jQuery Api： http : //api.jquery.com/val/
解决方案3
0 2014-05-07 12:23:15
加载使用POST方法，因此您可以执行以下操作：
var tip = document.getElementById("tip").value;
var id_local= document.getElementById("id_local").value;
$( "#tipuri_rezervare" ).load("select_tip_rezervare.php, {tip: tip, id: id_local});
然后，您可以使用$_POST['tip']和$_POST['id']在select_tip_rezervare.php页面上获取值。
加载页面并填写表格
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.