Ajax选择控件PHP MySQL
Ajax select control PHP MySQL?
以下是我在PHP中使用AJAX和MYSQl时遇到的问题,有人能帮我吗?
我在表单中选择了控件:
<form action="index.php" method="post" name="pretraga" class="border">
<p>Mesto:</p>
<div class="spry-select">
<select name="mesto" id="select_x">
<option value="Novi Sad">Novi Sad</option>
<option value="">nesto</option>
<option value="">nesto</option>
</select></div>
<div id="Rezultat">
<select name="podrucje" >
</select>
</div>
当有人点击Novi Sad时,我想像这样进行Mysql查询
$result = mysql_query("SELECT deo_grada FROM usluga
WHERE deo_grada='{$_POST['mesto']}'");
while ($red=mysql_fetch_object ($result))
{
echo'<option value="'.$red->deo_grada.'">'.$red->deo_grada.'</option>';
}
退出后的结果想进入id Rezultat吗?请帮忙吗?
运气不佳:(
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function (){
$('#select_x').change(function() {
$.ajax({
type: "POST",
url: "some.php",
data: { mesto: $("select_x option:selected")[0].val() }
}).done(function( msg ) {
$("#Rezultat").html(msg);
});
});
});
</script>
更改<select name="mesto">
到<select name="mesto" id="select_x">
$('#select_x').change(function() {
$.ajax({
type: "POST",
url: "some.php",
data: { mesto: $("select_x option:selected")[0].val() }
}).done(function( msg ) {
$("#Rezultat").html(msg);
});
});
此示例需要JQUERY。
您可以在以下网站上阅读更多信息:
http://api.jquery.com/change/
http://api.jquery.com/jQuery.ajax/
此外,当文档准备就绪时,u应该绑定事件。
$(function (){ //document is ready bind events });
更改
WHERE deo_grada='$_POST['mesto']'"
至
WHERE deo_grada='".$_POST['mesto']."'"
$result = mysql_query("SELECT deo_grada FROM usluga
WHERE deo_grada='{$_POST['mesto']}'");
注意sql注入
包含jQuery并粘贴此代码:
$(function(){
var res = $("#Rezultat");
$("#selectid").change(function(){
$.ajax({
url:"index.php",
method:"POST",
data:{this.na`enter code here`me:this.value},
success:function(data){
res.html(data);
}
})
})
})
This javascript:(
function xmlhttpPost(strURL,formname,responsediv,responsemsg) {
var xmlHttpReq = false;
var self = this;
// Xhr per Mozilla/Safari/Ie7
if (window.XMLHttpRequest) {
self.xmlHttpReq = new XMLHttpRequest();
}
// per tutte le altre versioni di IE
else if (window.ActiveXObject) {
self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}
self.xmlHttpReq.open('POST', strURL, true);
self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
self.xmlHttpReq.onreadystatechange = function() {
if (self.xmlHttpReq.readyState == 4) {
// Quando pronta, visualizzo la risposta del form
updatepage(self.xmlHttpReq.responseText,responsediv);
}
else{
// In attesa della risposta del form visualizzo il msg di attesa
updatepage(responsemsg,responsediv);
}
}
self.xmlHttpReq.send(getquerystring(formname));
}
function getquerystring(formname) {
var form = document.forms[formname];
var qstr = "";
function GetElemValue(name, value) {
qstr += (qstr.length > 0 ? "&" : "")
+ escape(name).replace(/'+/g, "%2B") + "="
+ escape(value ? value : "").replace(/'+/g, "%2B");
//+ escape(value ? value : "").replace(/'n/g, "%0D");
}
var elemArray = form.elements;
for (var i = 0; i < elemArray.length; i++) {
var element = elemArray[i];
var elemType = element.type.toUpperCase();
var elemName = element.name;
if (elemName) {
if (elemType == "TEXT"
|| elemType == "TEXTAREA"
|| elemType == "PASSWORD"
|| elemType == "BUTTON"
|| elemType == "RESET"
|| elemType == "SUBMIT"
|| elemType == "FILE"
|| elemType == "IMAGE"
|| elemType == "HIDDEN")
GetElemValue(elemName, element.value);
else if (elemType == "CHECKBOX" && element.checked)
GetElemValue(elemName,
element.value ? element.value : "On");
else if (elemType == "RADIO" && element.checked)
GetElemValue(elemName, element.value);
else if (elemType.indexOf("SELECT") != -1)
for (var j = 0; j < element.options.length; j++) {
var option = element.options[j];
if (option.selected)
GetElemValue(elemName,
option.value ? option.value : option.text);
}
}
}
return qstr;
}
function updatepage(str,responsediv){
document.getElementById(responsediv).innerHTML = str;
}
这是HTMl
<div class="spry-select">
<select name="mesto" onclick="xmlhttpPost('obrada.php', 'pretraga', 'Rezultat', ''); return false;"/>
<option value="Novi Sad">Novi Sad</option>
<option value="">nesto</option>
<option value="">nesto</option>
</select></div>
<select id="Rezultat" name="podrucje" >
</select>
Txanks很多@作者:Simone Rodriguez aka Pukos<http://www.SimoneRodriguez.com>
相关文章:
- HTML-使用mysql.php生成一个选择框.我怎样才能更改“;值“;生成的选择框选项的
- WebSQL作为通过MySQL / PHP的html5移动离线答案
- 根据先前的选择填充单个输入 - MYSQL PHP JS
- Google Maps API:如何替换源代码,从Google Spreadsheet API到MySQL/PHP
- Mysql php多选,排序
- LazyLoad从mysql/php-Json编码的数据和Jquery中加载内容
- MySQL/PHP/Javascript-回显文本中的撇号导致错误
- 我需要帮助将MySQL / PHP变量传递给JavaScript
- 使用MySQL,PHP和angular.js在数据库中插入数据数组
- 如何在同一页面上创建一个可点击的URL从mysql php结果
- 引导MYSQL PHP -发送模态内容
- 如何创建视图和获取数据mysql PHP javascript
- 点击,MySQL, PHP,关于交换图像
- 引导formvalidation.io远程验证器MySQL PHP
- 使用谷歌地图api与坐标从数据库javascript MySQL PHP创建线
- 如何上传android和iso应用程序包含mysql / php和包装与phonegap
- Jquery无限滚动使用Mysql/PHP反复循环
- 将表单组合中的数据保存到MySQL PHP数据库中
- 在MySQL / PHP上使用jQuery创建了动态页面
- 动态导航链接与Mysql, Php和Javascript