2012-10-02 47 views
-1

我正在研究一个项目,我必须在下拉菜单中选择多个选项,并且该文本框的数量应与该选定标签一起显示。即在下拉我有4个选项在下拉我有国家名称像印度,美国,中国和我想选择多个选项,所以我按shift和点击多个选项,在这种情况下,我按美国和中国,所以我想2文本将自动创建包含该国家名称的文本框。Dropbox的多种选择

工作,我已经做了: 我已经上创建用户点击按钮的时间文本框时像点击完成工作。那是我在贴上做的工作。请帮我该怎么做

+2

你到目前为止尝试过什么?你已经(假设你选择了标签)理解你需要JavaScript,或者像jQuery这样的库来备份它。但是你有没有尝试过迄今为止没有用的东西?如果是这样,请编辑您的帖子并分享代码。我们都是开发人员,不要害羞,我们已经看到代码大小。:-D – chris

+0

问题是多重选择还是JavaScript部分? – Havelock

回答

0

鉴于此标记:

<div id="cont1"> 

    <select id="sel1" name="sel1" multiple> 
     <option value="First">First</option> 
     <option value="Second">Second</option> 
     <option value="Third">Third</option> 
    </select> 

</div> 

这个脚本应该让你开始:

$(function() { 

    $('#sel1 option').on('click', function(e){ 

     if($(this).is(':selected')){ 
      $('<input value="'+$(this).val()+'" />').appendTo('#cont1'); 
     } 

    }); 

}); 

为了实际使用例如P中的值HP脚本,您需要为每个输入添加名称;否则,表单字段不会与表单一起提交。另外,请注意,这个语法的确假设你正在使用jQuery 1.7+。

0

您可以使用Ajax按照本教程

http://www.w3schools.com/php/php_ajax_database.asp

+0

我不明白这与这个问题有什么关系。 OP不需要向服务器发送任何内容,而是编辑现有的HTML。 –

+0

但这也可能是他对他问题的答案..就像他说他会在项目中使用它,所以我认为它会使用数据库并通过服务器发送 –