如何在输入中写入并在其他输入中自动输出我的文本

时间:2018-04-26 16:14:16

标签: jquery

如何在输入中写入并在其他输入中自动输出我的文本?我需要Meta Title 例: 输入1我输入manuel text" Audi A4" 输入2我键入manuel text" Car" 它必须输入我输入3文本"奥迪A4 - 出售(汽车)" 如何使用jQuery创建它?

我尝试使用代码,但它仅适用于1个输入

$("#title").keyup(function() {
  $("#meta_title").val($(this).val());
});

//这是输入谁将从输入#title和#time

接收信息
<input type="text" name="meta_title" id="meta_title" class="form-control">
                 $("#title").keyup
                    (
                        function ()
                        {
                            $("#meta_title").val
                            (
                                $(this).val()
                            );
                        }
                    );
                 $("#xf_time").keyup
                    (
                        function ()
                        {
                            $("#meta_title").val
                            (
                                $(this).val()
                            );
                        }
                    );

如果从第二个开始写,它将替换第一个文本 如何从两个输入添加到第三个

1 个答案:

答案 0 :(得分:0)

您需要将keyup事件侦听器添加到目标输入字段,然后连接值。从我可以从你的代码中收集到的内容,它应该是这样的(我只是假设你的第二个输入字段被命名为“category”):

// bind the event listener to both fields
$('#title,#category').on('keyup', function() {
  // concatenate the values of both fields
  var metaTitle = $('#title').val() + ' - for sale (' + $('#category').val() + ')';
  // write it to the target field
  $('#meta_title').val(metaTitle);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" id="title" />
<input type="text" id="category" /> 
<input type="text" id="meta_title" />