多种选择的Dropbox

时间:2012-10-02 06:33:11

标签: php javascript jquery html

我正在开发一个项目,我必须在下拉列表中选择多个选项,并且该文本框的数量应该与所选标签一起显示。即在下拉我有4个选项下拉我有国家名称像印度,美国,中国,我想选择多个选项所以我按Shift并单击多个选项,在这种情况下我按美国和中国所以我想要2文本要使用该国家/地区名称中的文本自动创建的框。

我已完成的工作: 我已经完成了点击工作,就像用户点击按钮那样创建了文本框。这是我在粘贴中所做的工作。请帮我怎么做

2 个答案:

答案 0 :(得分:0)

您可以按照本教程使用ajax

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

答案 1 :(得分: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');
        }

    });

});

为了实际使用PHP脚本中的值,您需要为每个输入添加名称;否则,表单字段不会随表单一起提交。另请注意,此语法确实假设您使用的是jQuery 1.7 +。