在php和mysql中选择选项.一旦选择了选项,就列出我的sql数据库数据
select option in php and mysql.. once option selected list down my sql database data
我发现了很长时间,无法搜索它。我从mysql数据库中调用了一个下拉选择选项。。我希望用户从选项中选择一名员工。。选择时。。它列出了mysql数据库中的数据,即所选的员工数据。这是代码。。
<select value="employee" selected="selected"> Select a employee</option>
<?php
$query = "SELECT * FROM users";
$result = mysqli_query($link,$query);
while ($row = mysqli_fetch_array($result)) {
$fname = $row["first_name"];
$lname = $row["last_name"];
echo "<option value'" . $fname . " " . $lname ."'>" . $fname . " " . $lname . "</option>";
}
?>
</select>
对不起,我是js的新手。。如何从选定的值中获取数据?
首先编辑您的页面并添加jquery库
<select id="listEmployee" value="employee" selected="selected"> Select a employee</option>
<?php
$query = "SELECT * FROM users";
$result = mysqli_query($link,$query);
while ($row = mysqli_fetch_array($result)) {
$fname = $row["first_name"];
$lname = $row["last_name"];
$id = $row["id"];
echo "<option value'" .$id."'>" . $fname . " " . $lname . "</option>";
}
?>
</select>
然后你应该听选择更改
$( "#listEmployee" ).change(function() {
getSelectedEmplpyee();
});
然后创建一个ajax函数,获取所选员工的信息
function getSelectedEmplpyee()
{
var selectedId = $('#listEmployee').val();
$.ajax({
type: "POST",
url: "Controller.php",
data: {selected: selectedId},
success: function(data) {
//display response
},
error: function(data) {
// display error
}
});
}
在controller.php中使用读取id
$id = $_POST['selected']
在controller.php中,使用echo运行选择查询并返回结果,结果存储在函数getSelectedEmplpyee()的变量数据中
试着这样做:
var selected_value = $('#your_select_id').val();
$.ajax({
type: "POST",
url: "your_url",
data: {selected: selected_value},
success: function(data) {
//display response
},
error: function(data) {
// display error
}
});
相关文章:
- CKeditor:更改对话框中的默认选择选项
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- AngularJs列表ng单击以选择选项转换
- 使用基于文本的 Jquery 选择选项
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 在php和mysql中选择选项.一旦选择了选项,就列出我的sql数据库数据
- 选择选项时如何显示警报
- 使用php动态更改选择选项
- 选择“选择选项”时显示文本.怎么做
- LEAFLET地图和带有选择选项的标记-ANGULARjs
- 使用js将动态内容添加到选择选项列表中
- 用于使用javascript循环选择选项
- AngularJS-选择选项并在函数中使用它
- 禁用/启用基于单选/选择选项所选Javascript的文本框
- 如何使用jQuery隐藏与选择选项相关的选择选项列表
- 选择选项是添加或删除事件
- 使用jQuery向“选择选项”添加默认属性
- 构建HTML选择字段并使用JavaScript数组选择选项
- 带有动态选择选项的Firefox html5验证异常
- 只有当Angular从资源对象检索数据时,才选择选项元素