嗨,大家好我需要一些帮助来解决我目前的项目。 我想要做的是从下拉列表中选择多个数据并将其放置在文本框中..只要用户从下拉列表中单击数据,就会完成此操作。 TIA!更强大!从下拉列表php或javascript中填充多个项目的文本框
。@ Hary - 感谢您的帮助!它确实有用。接下来的事情我会做的是插入到被选择的是已移动到列表2 []使用PHP与MySQL查询..
嗨,大家好我需要一些帮助来解决我目前的项目。 我想要做的是从下拉列表中选择多个数据并将其放置在文本框中..只要用户从下拉列表中单击数据,就会完成此操作。 TIA!更强大!从下拉列表php或javascript中填充多个项目的文本框
。@ Hary - 感谢您的帮助!它确实有用。接下来的事情我会做的是插入到被选择的是已移动到列表2 []使用PHP与MySQL查询..
尝试这:) :)它的作品
<html><head>
<script type="text/javascript">
function OnClkAddButtonServer(form)
{
var selObj = document.getElementById('List1');
var selObj2 = document.getElementById('List2[]');
var i;
var count = selObj2.options.length;
for (i=0;i<selObj.options.length;i++)
{
if (selObj.options[i].selected)
{
var option = new Option(selObj.options[i].text,selObj.options[i].value);
option.title = selObj.options[i].text;
selObj2.options[count] = option;
count=count+1;
selObj.options[i] = null;
i--;
}
}
}
function OnClkRemoveButtonServer(form)
{
var selObj2 = document.getElementById('List1');
var selObj = document.getElementById('List2[]');
var i;
var count = selObj2.options.length;
for (i=0;i<selObj.options.length;i++)
{
if (selObj.options[i].selected)
{
var option = new Option(selObj.options[i].text,selObj.options[i].value);
option.title = selObj.options[i].text;
selObj2.options[count] = option;
count=count+1;
selObj.options[i] = null;
i--;
}
}
}
</script>
</head>
<body>
<table>
<tr>
<td >
<table >
<tr>
<td>Available</td></tr>
<tr>
<td>
<select id="List1" name="List1" size="10" multiple="multiple" style="height: 95px; width: 225px; border: 1px solid #535881; background-color: #f9f9f9;" >
<option value="item1">item1</option>
<option value="item2">item2</option>
<option value="item3">item3</option>
<option value="item4">item4</option>
</select>
</td>
</tr>
</table>
</td>
<td >
<table >
<tr>
<td style="padding:5px">
<input name="add_usergroupsleftrightselect" value="Add >" class="FormButton" type="button" onclick='OnClkAddButtonServer(this.form)'><br>
<input name="remove_usergroupsleftrightselect" value="< Remove" class="FormButton" type="button" onclick='OnClkRemoveButtonServer(this.form)'><br>
</td>
</tr>
</table>
</td>
<td >
<table>
<tr>
<td>Selected</td></tr>
<tr>
<td>
<select id="List2[]" name="List2[]" size="10" multiple="multiple" style="height: 95px; width: 225px; border: 1px solid #535881; background-color: #f9f9f9;">
<option value="item1">item1</option>
<option value="item2">item2</option>
<option value="item3">item3</option>
<option value="item4">item4</option>
</select>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
试试这个数据库一切......
<html>
<body>
<select multiple="multiple">
<option value="item1">item1</option>
<option value="item2">item2</option>
<option value="item3">item3</option>
<option value="item4">item4</option>
</select>
</body>
</html>
听起来像一个JavaScript问题不是一个PHP的问题。 – 2011-05-24 03:38:24
。好吧,如果是这样,那么你能帮我什么类型的JavaScript编码,我应该使用? – zerey 2011-05-24 03:41:07