引导可编辑-如何将下拉值传输到SQL表？
我目前正在从事一个项目，该项目使用bootstrap editable for live editing显示SQL表中的数据。
它工作得很好-更改被传输到SQL表。什么已经起作用了
- 显示SQL表中的当前值
-
我要找的是代码：将下拉列表的选择值转移到SQL表
这里是超文本标记语言-code：
<?php
include("connect.php");
?>
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta charset="utf-8">
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/custom.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<div style="text-align:center;width:100%;font-size:24px;margin-bottom:20px;color: #2875BB;">EDIT YOUR CHARACTERS</div>
<div class="row">
<table class= "table table-striped table-bordered table-hover">
<thead>
<tr>
<th colspan="1" rowspan="1" style="width: 180px;" tabindex="0">NAME</th>
<th colspan="1" rowspan="1" style="width: 220px;" tabindex="0">ROLE</th>
<th colspan="1" rowspan="1" style="width: 288px;" tabindex="0">SECOND ROLE</th>
</tr>
</thead>
<tbody>
<?php
$query = mysql_query("SELECT * FROM characters");
$i=0;
while($fetch = mysql_fetch_array($query))
{
if($i%2==0) $class = 'even'; else $class = 'odd';
echo'<tr class="'.$class.'">
<td class="xedit" id="'.$fetch['id'].'" key="name">'.$fetch['name'].'</td>
<td class="xedit" id="'.$fetch['id'].'" key="role">'.$fetch['role'].'</td>
<td class="xedit2" id="'.$fetch['id'].'" key="secondrole"><a href="#" class="rolestatus" data-type="select" data-pk="3" data-url="" data-title="Select status">'.$fetch['secondrole'].' </a></td>
</td>
</tr>';
}
?>
</tbody>
</table>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/bootstrap-editable.js" type="text/javascript"></script>
<script>
$(function(){
$('.rolestatus').editable({
source: [
{value: 1, text: 'DD'},
{value: 2, text: 'HEAL'},
{value: 3, text: 'TANK'}
]
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
$.fn.editable.defaults.mode = 'popup';
$('.xedit').editable();
$(document).on('click','.editable-submit',function(){
var key = $(this).closest('.editable-container').prev().attr('key');
var x = $(this).closest('.editable-container').prev().attr('id');
var y = $('.input-sm').val();
var z = $(this).closest('.editable-container').prev().text(y);
$.ajax({
url: "process.php?id="+x+"&data="+y+'&key='+key,
type: 'GET',
success: function(s){
if(s == 'status'){
$(z).html(y);}
if(s == 'error') {
alert('Error Processing your Request!');}
},
error: function(e){
alert('Error Processing your Request!!');
}
});
});
});
</script>
</div>
</body>
</html>以下是过程。PHP代码
<?php
include("connect.php");
if($_GET['id'] and $_GET['data'])
{
$id = $_GET['id'];
$data = $_GET['data'];
$key = $_GET['key'];
if(mysql_query("update characters set $key='$data' where id='$id'"))
echo 'success';
}
?>那么，有人知道如何传输所选的下拉值（类）吗-
希望你能帮忙！
共有1个答案
不清楚x-editable是如何工作的
但首先，我认为如果你想更新一些数据，你的ajax类型应该是“POST”。在我看来，你的sql查询在“$key”附近有语法错误
-
我使用引导可编辑插件允许用户编辑屏幕上的字段。单击其中一个字段时，会显示一个小弹出窗口，允许用户从下拉列表中进行选择，下拉列表旁边有一个复选标记，以允许用户将值应用于该字段。我的标记有一个简单的锚，看起来像这样： 我的jQuery代码具有以下功能：使用引导启用此功能： 如果您注意到我的标记有一个默认值为"0"的data-value属性。 我遇到的问题是当用户从下拉列表中选择另一个项目并单击复选标记
-
这是我使用的项目（引导表） http://bootstrap-table.wenzhixin.net.cn/documentation/ 我使用带有以下选项的表格： 一切运作良好。它从JSON中的API接收显示表的数据。 现在是问题： 我想添加一些可编辑字段。我包括了我在一个例子中看到的这些东西： 我在表中的一个字段中添加了测试“数据可编辑=”真实“属性。结果是它光学地改变了字段，但它不会写回我的
-
我正在使用Spring MVC Thymeleaf项目，我在将字段值传递给对象时遇到了问题。有和实体。在表单中，有一个下拉列表，由DB填充-仅限国家名称-没什么大不了的。我可以填充列表，但当我单击“提交”按钮时，有一些错误。下面的代码（仅限相关部分）： 麦芽实体： 麦芽控制器： 麦芽形态： Malt展示模板： 我得到的结束错误： 链接到回购：https://github.com/fangirsan
-
为什么我不能以这种方式使用引导可编辑表？ 在这个小提琴https://jsfiddle.net/aleksacavic/03agu1ex/1/它的工作原理是，当单击时，表格单元格处于编辑模式。但相同的代码在我的网站上不工作？我错过了什么？如我所见，在我这边，当单击时，单元格不允许更改类，只有表线程被突出显示，其他元素（输入字段）不被创建。谢啦
-
我找到了完美的下拉导航栏代码。但我不得不根据自己的需要编辑它。原始完整代码位于此处:https://github.com/vandoan/elli/blob/master/dropdownnav.html，其外观如下：http://codepen.io/xia-lj/pen/kdkoxw HTML： CSS： JS： 我想要的是：下拉导航栏，就像在例子，但有三个按钮“历史”，“哲学”，“物理”。并
-
我使用引导表与x-editabel插件。该表有3个字段，但只有一个可编辑。我需要向服务器发送所有字段的脚本，而不仅仅是可编辑字段。我使用的代码如下： 这就是HTML 表数据来自ajax（没问题：它在工作）。 我需要将所有字段，而不仅仅是类别字段，发送到ajax脚本，该脚本将执行对所选类别字段的更改。我无法为每个表行定义和使用pk，因为单击可编辑字段时需要执行的操作需要所有字段。我想使用x-edit