MySQL列表/选择框但有一个扭曲

时间:2014-01-16 07:59:03

标签: javascript php jquery html mysql

我希望将我的数据库中的可用作业显示到列表框中。这部分已经完成。当用户单击作业标题时,它将显示所选该行的所有列的相关信息。这也完成了。

主要步骤是允许用户选择他们想要的作业并“保存”以供以后使用。我已经实现了2个带有2个按钮的列表/选择框来来回移动所选作业。

我需要帮助的是了解最佳方法。通过将数据拉入数组然后显示在列表上,以及如何将信息复制到所选的选择框。如果有可能你能告诉我一个例子吗?

首先选择框:

<select id="val" size="6" name="val" onChange="tell();" style="float:left; width:200px">

<?php
 while( $info = mysql_fetch_array ($data))
 {

echo "<option data-id='$info[0]' data-county='$info[2]' data-eng='$info[3]' 
data-schdate='$info[4]' data-company='$info[5]' data-contact='$info[6]' 
data-visitno='$info[7]' data-systype='$info[8]' data-address='$info[9]'>$info[5]
</option>"; 

 }
 ?>

</select>

告诉功能:

function tell()
{
var JobID = $('select#val option:selected').data("id");
var County = $('select#val option:selected').data("county");
var Engineer = $('select#val option:selected').data("eng");
var SchDate = $('select#val option:selected').data("schdate");
var Company = $('select#val option:selected').data("company");
var contactNo = $('select#val option:selected').data("contact");
var VisitNo = $('select#val option:selected').data("visitno");
var SysType = $('select#val option:selected').data("systype");
var Address = $('select#val option:selected').data("address");

$("#display").html("<b>Job ID: </b>" + JobID + "<br>" + "<b>County: </b>" + County 
+ "<br>" + "<b>Engineer: </b>" + Engineer + "<br>" + "<b>Scheduled Date: </b>" + 
SchDate + "<br>" + "<b>Company: </b>" + Company + "<br>" + "<b>Contact number </b>" +
contactNo + "<br>" + "<b>Visit Number: </b>" + VisitNo + "<br>" + "<b>System Type: </b>"
+ SysType + "<br>" + "<b>Address: </b>" + Address);
}

发生了什么: http://s27.postimg.org/h84a45dtf/problem.jpg

1 个答案:

答案 0 :(得分:0)

如果您要将所选项目移动到另一个组合框的位置,则有人已经提出了问题。

这是链接:Using JQuery to add selected items from one combobox to another

希望它有所帮助!