使用jquery将输入文本值放在两个div中_Jquery

使用jquery将输入文本值放在两个div中

jquery

使用jquery将输入文本值放在两个div中,jquery,Jquery,我在表单上使用自动完成小部件，它基本上提供了一个离开城市文本输入字段和一个返回文本输入字段我想在一个分区中显示出发、到达和第二个分区中的返回信息，这些信息将是相同的。（即离开多伦多到巴里，返回巴里到多伦多）我的jQuery在第一次显示信息时运行良好，但我无法再次显示信息我的表格：（仅显示部分）和html： <div id="trip"> <p><strong><span id="tags_display"></span>

我在表单上使用自动完成小部件，它基本上提供了一个离开城市文本输入字段和一个返回文本输入字段

我想在一个分区中显示出发、到达和第二个分区中的返回信息，这些信息将是相同的。（即离开多伦多到巴里，返回巴里到多伦多）

我的jQuery在第一次显示信息时运行良好，但我无法再次显示信息

我的表格：（仅显示部分）

和html：

<div id="trip">
    <p><strong><span id="tags_display"></span> - <span id="tags2_display"></span></strong></p>
</div>
<div id="returnTrip">
    <p><strong><span id="displayTags2"></span></strong></p>
</div>

提前感谢您的帮助。

如果我真的理解您的问题，也许您的意思是：在

blur（）

方法中调用

open（）

函数

$(function() {
    $('input[type="text"]').blur(function() {
        $("#" + $(this).attr('id') + "_display").html($(this).val());
        //update immediately the Return city in the container
        open();
    });
});

如果我真的理解你的问题，也许你的意思是这样的：在

blur（）

方法中调用

open（）

函数

$(function() {
    $('input[type="text"]').blur(function() {
        $("#" + $(this).attr('id') + "_display").html($(this).val());
        //update immediately the Return city in the container
        open();
    });
});

您需要一种方法来调用现有的复制函数（您所称的

open（）

）

您可以创建一个按钮，将行程添加到列表中：

HTML

<div class="ui-widget">
    <p>
        <label for="tags">Depart From:</label>
        <input type="text" class="departCity" id="tags" size="30" />
    </p>
</div>

<div class="ui-widget">
    <p>
        <label for="tags2">To:</label>
        <input type="text" class="destination" id="tags2" size="30" />
    </p>
</div>

<div id="trip">
    <p><strong><span id="tags_display"></span> - <span id="tags2_display"></span></strong></p> 
</div>

<button class="copyTrip">Copy trip</button>

<div id="returnTrip">
    <p><strong><span id="displayTags2"></span></strong></p>
</div>

编辑1

那么您只想复制目标值并将其放入一个隐藏的div中？简单

每次更改时，我都会复制

$（'#tags2'）.val（）

，并隐藏

returnTrip

div，除非选中了returnTrip复选框

Javascript

$(function() {
    $('.copyTrip').on('click', function open() {
        $('#displayTags2').append($('#trip').clone());
    });

    $('input[type="text"]').on('change', function() {
        $("#" + $(this).attr('id') + "_display").html($(this).val());
    });
});

$(function() {

    $('input[type="text"]').on('change', function() {
        $("#" + $(this).attr('id') + "_display").html($(this).val());
        $('#displayTags2').html($('#tags2').val());
    });

});

您需要一种方法来调用您拥有的复制函数（您所称的

open（）

）