2011-05-24 33 views
1

嗨,大家好我需要一些帮助来解决我目前的项目。 我想要做的是从下拉列表中选择多个数据并将其放置在文本框中..只要用户从下拉列表中单击数据,就会完成此操作。 TIA!更强大!从下拉列表php或javascript中填充多个项目的文本框

。@ Hary - 感谢您的帮助!它确实有用。接下来的事情我会做的是插入到被选择的是已移动到列表2 []使用PHP与MySQL查询..

+0

听起来像一个JavaScript问题不是一个PHP的问题。 – 2011-05-24 03:38:24

+0

。好吧,如果是这样,那么你能帮我什么类型的JavaScript编码,我应该使用? – zerey 2011-05-24 03:41:07

回答

0

尝试这:) :)它的作品

<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 &gt;" class="FormButton" type="button" onclick='OnClkAddButtonServer(this.form)'><br> 

        <input name="remove_usergroupsleftrightselect" value="&lt; 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> 
+0

。感谢!它确实有用。接下来我想要做的就是将选中的所有移动到List2 []的内容插入到数据库中。 – zerey 2011-05-24 15:30:35

+0

@zerey :)你想要插入数据库的是什么? – Harsh 2011-05-25 02:32:05

+0

我想插入List2 []内的所有东西.. – zerey 2011-05-25 04:18:04

0

试试这个数据库一切......

<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> 
相关问题