将元素拖放到文本框html中

时间:2014-05-06 12:33:43

标签: javascript php jquery jquery-ui

我需要使用jquery在文本框中添加更多元素,然后插入到数据库中。当我想添加一个删除时,此脚本在文本框中添加一个元素...如何添加多个元素在文本框中帮助 jQuery的

<script type="text/javascript">
$(function() {
$(".draggable").draggable({
    revert: true,
    helper: 'clone',
    start: function(event, ui) {
        $(this).fadeTo('fast', 0.5);
    },
    stop: function(event, ui) {
        $(this).fadeTo(0, 1);
    }
});

$("#tag").droppable({
    hoverClass: 'active',
    drop: function(event, ui) {
        this.value = $(ui.draggable).text();
    }
 });
 });

PHP / HTML代码

  <p><b>Tags:</b></p>       
        <input type="text" name="tag" id="tag" style="width:605px">
                <?php if($tags): ?>
                    <?php foreach($tags as $t): ?>
                        <div class="draggable" style="border:1px solid green;width:100px;height:30px;display:inline-block;background-color:#e6eaff;cursor:default;font-size:18px;">
                            <a href="#" class="tg1" id="<?php echo $t['id']?>" ><?php echo $t['name'] ?></a>
                        </div> 
                    <?php endforeach; ?>
                <?php endif; ?>                  
        <br />

我想在文本框中添加多个元素

1 个答案:

答案 0 :(得分:0)

只需将文本框中的当前文本“读取”为变量

即可
$("#mytextarea").val()

然后将其与新内容“合并”到另一个变量中,然后将此新变量的内容放入文本字​​段中。