将选择/保存的值(从数据库)设置/显示到一个选择框中,以便进行编辑
Set/show the selected/saved value(from database) to a select box for editing purposes
我试图得到我保存到数据库的值,并在一个选择框中显示它。选择框中的项是从数据库中填充的。
<select id="sel2" name="sel2">
<option value="">---</option>
<?php
require("connection.php");
$res = mysqli_query($conn, "SELECT field FROM table");
while($row = $res->fetch_assoc()){
echo "<option value='".$row['field']."'>'".$row['field']."'</option>";
}
?>
</select>
现在,当我尝试这样做时,
$('#btn2').click(function(){
var x = "field1";
$('#sel2').val(x);
});
x的值不会出现在选择框中。但是当项不是从数据库中获取时,比如
<select id="sel2" name="sel2">
<option value="">---</option>
<option value="field1">field1</option>
<option value="field2">field2</option>
<option value="field3">field3</option>
</select>
jquery工作。
我不知道我在这里错过了什么。你能帮我一下吗?当从数据库中填充项目时,如何设置选择框的选定值(来自之前选择的数据库)?我正在从数据库中获取选择框的项目,因为它们太多了。请帮助。
的问题是,jquery代码正在执行之前的字段从数据库中获取。因此,语句$('#sel2').val(x);
不能设置值x
,因为此时,select下拉框中没有x
字段。
如果不确定,请尝试在jquery click函数中使用超时来检查我所说的是否正确。
尝试使用这个,似乎你有一个额外的单引号
echo "<option value='".$row['field']."'>".$row['field']."</option>";
试试这个…
$('#btn2').click(function(){
var x = 'field1';
$("#sel2").val(x);
$("#sel2").trigger("chosen:updated");
});
相关文章:
- 从a-z中随机选择一个字母
- AngularJS ng选项在选择一个选项后删除了默认的空白值
- 在下拉列表中选择一个选项的值
- 在类JavaScript选择的另一个元素中选择一个标记元素
- Jquery:当两个或多个条件为true时,选择一个元素
- 可以使用createRange选择一个空范围
- 选择一个元素,使其最近的具有特殊属性的父元素具有特殊值
- 使用 Jquery 选择一个 td 元素
- 当使用jQuery/Javascript选择一个多选时,如何使所有值都不被选中:
- 在一组复选框中,一次只允许选择一个
- 如何强制用户从下拉列表和按钮中选择一个值以启用保存按钮
- 从数组中选择一个变量
- 正在读取<p: 选择一个菜单/>在onchange回调中
- 在输入字段中选择一个值,然后用相应的数据填充另一个字段
- 如何以编程方式在 jsTree 中选择一个节点并打开所有父节点
- Asp.net 引导下拉菜单 - 选择一个项目
- 如何根据 jsp 中数据库中的值在下拉列表中选择一个值
- 通过硒选择一个javascript下拉列表
- 选择一个从 mysql 返回选中/未选中复选框的对象
- 如何在 PHP 中使用 OnChange 事件的下拉列表中选择一个选项后,对大量数据行设置分页