将html输入值传递到jquery ui对话框ass变量
我有一个带有自动完成输入字段的html表单,可以打开jquery对话框。 在这个对话框中,我有一个sql搜索,需要输入框中的值。 如何获取对话框ass变量中的输入将html输入值传递到jquery ui对话框ass变量,jquery,forms,variables,input,dialog,Jquery,Forms,Variables,Input,Dialog,我有一个带有自动完成输入字段的html表单,可以打开jquery对话框。 在这个对话框中,我有一个sql搜索,需要输入框中的值。 如何获取对话框ass变量中的输入 <!--autocomplete script --> <script> $(function() { $( "#searchImage" ).autocomplete({ source: "search.php", minLength: 1 })
<!--autocomplete script -->
<script>
$(function() {
$( "#searchImage" ).autocomplete({
source: "search.php",
minLength: 1
});
});
</script>
<!-- Dialog Script -->
<script> $(function(){
$('#imageDialog').dialog({
autoOpen: false,
bgiframe: true,
height: "auto",
width: 900,
modal: true,
position: [ "center" , 150],
show: {
effect: "clip",
duration: 1000
},
hide: {
effect: "clip",
duration: 1000
},
buttons: {
OK: function() {
$(this).dialog( "close" );
}
}
});
$('form#imageForm').submit(function(e){
e.preventDefault();
$('#imageDialog').dialog('open');
});
});
</script>
<!-- Search Box -->
<div class="partSearch">
<form id="imageForm" name="imageForm" method="get">
<label for="image"><b>Image: </b></label>
<input id="searchImage" name="searchImage" type="text" value="" />
<input type="submit" value="Search" />
</form>
<!-- Dialog Content -->
<div id="imageDialog" title="Image">
<?php
<Code to get the Image name from input>;
//DB query
$query="select image, ssid, to_char(savetime,'DD-MM-YYYY HH24:MI') savetime, path
from table
where image like upper('%$IMAGE%')
order by image asc, savetime desc";
?>
$(函数(){
$(“#搜索图像”).autocomplete({
来源:“search.php”,
最小长度:1
});
});
$(函数(){
$('#imageDialog')。对话框({
自动打开:错误,
bgiframe:是的,
高度:“自动”,
宽度:900,
莫代尔:是的,
位置:[“中心”,150],
展示:{
效果:“剪辑”,
持续时间:1000
},
隐藏:{
效果:“剪辑”,
持续时间:1000
},
按钮:{
确定:函数(){
$(此).dialog(“关闭”);
}
}
});
$('form#imageForm')。提交(函数(e){
e、 预防默认值();
$('#imageDialog')。dialog('open');
});
});
图片:
尝试查看并使用AJAX调用来填充autocomplete插件中使用的数组,而不是直接使用php
<script>
$(function() {
$( "#tags" ).autocomplete({
source: myarray ; // here put your values from ajax call
});
});
</script>
$(函数(){
$(“#标记”).autocomplete({
source:myarray;//这里输入来自ajax调用的值
});
});
因此,您将使用jQuery从输入中获取值 在“search.php”中,您执行一个方法,在该方法中,您必须搜索数据库并将结果作为JSON数组发送给te ajax调用
function searchInDB($param) {
// php code
return json_encode($sql_result_from_search);
}
<?php
echo json_encode(array("test","test","test"));
echo json_encode(array(0=>"test",3=>"test",7=>"test"));
?>
Will give :
["test","test","test"]
{"0":"test","3":"test","7":"test"}
函数searchInDB($param){
//php代码
返回json_encode($sql_result_from_search);
}
将提供:
[“测试”、“测试”、“测试”]
{“0”:“test”,“3”:“test”,“7”:“test”}
您必须阅读更多关于AJAX的内容。看一看好吗?那么你有什么问题?你还没有提出问题,@Jérôme!我想找到一种通过php获取输入值的方法variable@Jérôme,您必须将值传递给服务器。您不能在客户端为PHP变量赋值。@Derek我如何才能将变量传递给服务器并在samne页面上调用它?您好,谢谢您的回答,但我没有ajax知识:(这是我的自动完成函数:$(函数(){$(“#searchImage”).autocomplete({source:“search.PHP”),minLength:1});});