.net开发人员试图为朋友做一个php网站,到目前为止一切都很好,但我想知道php是否有类似textchanged事件的东西。这是我想要做的,我想要一个下拉框,根据用户在上面的文本框中输入的内容,附加从数据库中检索的数据(使用文本框中的文本作为参数从数据库中检索数据和将其附加到下拉列表而不重新加载整个页面。)
protected void TextBox1_TextChanged(object sender, EventArgs e)
{
//Do stuff
}
上面的关闭代码是在asp.net中,但我想在php中实现类似的东西。
答案 0 :(得分:2)
这不是php的工作原理。但是你可以使用jquery进行这样的ajax调用:
<?php
//array, object or db result you use to fill your dropdown
$array = array('pipo', 'kees', 'klaas', 'klaas1', 'jan', 'meneerje', 'poep', 'hessel', 'kaas', 'ietsandersd', 'smit', 'cowoy', 'nog zo iets');
//if we want to search we search and only return the new found options
if(isset($_REQUEST['keyword'])){
$new_array = array();
foreach($array as $value){
if(strpos($value, $_REQUEST['keyword']) !== false){
$new_array[] = $value;
}
}
}
else{
$new_array = $array;
}
$options = '';
foreach($new_array as $key => $option){
$options .= "<option value='$key'>$option</option>";
}
$selectbox = "<select name='selectbox' id='drop_down'>$options</select>";
if(isset($_REQUEST['keyword'])){
echo $options;
}
else{
// with the \ we escape the "
echo "<html>
<head>
<title>ajax selectbox</title>
<script src=\"http://code.jquery.com/jquery-latest.min.js\" type=\"text/javascript\"></script>
<script type=\"text/javascript\">
$(document).ready(function () {
$('body').on('keyup', '.search', function(){
var data = $('.search').serialize();
$.post('ajax_selectbox.php', data, function (data){
$('#drop_down').html(data);
});
});
});
</script>
</head>
<body>
<input type='text' name='keyword' class='search' />
$selectbox
</body>
</html>
";
}
?>
说明:
java脚本, 首先我们包括在线jquery库,您也可以下载该库并将其包含在您自己的Web服务器中。
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
// first we wait unit the html page is loaded
$(document).ready(function () {
//then we wait for a keyup event in the element with class="search" we use the css sector . for classes like .search
$('body').on('keyup', '.search', function(){
//when we type inside the .search textbox we serialize the element like a form would do. this takes the name and the value and puts it in a array.
var data = $('.search').serialize();
// then we post with ajax back to our php file or an other php file. its you own decision. the data variable is the serialized data form .search
$.post('ajax_selectbox.php', data, function (data){
// at least we use a calback for when the ajax event has finnest and we use the jquery html function to put the new options inside the drobbox with id="drop_down". we use the css id selector # to select the select box.
$('#drop_down').html(data);
});
});
});
</script>
请注意,我使用jquery(网上有很多大型玩家使用jquery),如果你知道一点java脚本,语法就会令人不安。
在jquery中我们有一大堆我们可以直接使用的methots:
$.post();
如果你想使用该函数返回的数据,我们创建一个回调函数,如:
$.post( function(param_ returned_by_parent_function){
//do stuf
});
另一种使用jquery的方法,实际上它背后的想法是查询html元素,然后像这样做一些东西。
$('html_element_query').do_something_with_this();
当然这只是一个基本的基本解释,但也许你明白了。
答案 1 :(得分:1)
您可以使用javascript onChange处理程序并通过AJAX发送当前值到
https://developer.mozilla.org/en/docs/DOM/element.onchange
http://www.w3schools.com/ajax/
答案 2 :(得分:1)
PHP不知道客户端上发生了什么。如果您希望客户端上的某些事件触发操作,则必须自己编写代码(通常使用JavaScript)。
答案 3 :(得分:1)
PHP本身并不了解前端发生的事件。但是,您可以通过混合使用Ajax和PHP来插入功能(种类)。 Ajax将监视事件,PHP将处理从Ajax发送给它的数据。
我建议使用jQuery并查看http://api.jquery.com/Ajax_Events/
答案 4 :(得分:0)
我为自己做了一个非常简单的PHP Event Dispatcher,它是可测试的并且已在我的网站上使用过。如果你需要它,你可以看看。