Question

我如何动态地收听输入字段中输入的每个字母？例如，我想同时听两个输入字段，每次输入后，取标签＆＃34; body＆＃34;并添加前置和后置字符并更改＆＃34;更改我＆＃34;？

示例：pre-chars + body + post-chars（需要动态）

<div style="width:300px;">

   <input type="text" class="form-control" style="float:left; width:100px; margin: 10px; margin-left: 3px;" placeholder="post-Chars"></input> 
    <input type="text" class="form-control" style="float:left; width:100px; margin: 10px; margin-left: 3px;" placeholder="post-Chars"></input>
    <div><label><br>body</br></label></div>
</div>
 <p style="padding:10px;">change me !</p>

https://jsfiddle.net/x6ozddg6/

谢谢！

Answer 1

为您的输入添加名称，并为您的代码的一部分添加ID，以便在jquery中轻松识别它们：

<div style="width:300px;">

   <input type="text" class="form-control" style="float:left; width:100px; margin: 10px; margin-left: 3px;" placeholder="post-Chars" name="pre-text"></input> 
    <input type="text" class="form-control" style="float:left; width:100px; margin: 10px; margin-left: 3px;" placeholder="post-Chars" name="post-text"></input>
    <div><label id="body">body</label></div>
</div>
 <p style="padding:10px;" id="change">change me !</p>

比使用jquery来做...它非常简单：

$('input[name="pre-text"]').change(function(){
   $('#change').html($(this).val() + $('#body').html() + $('input[name="post-text"]').val());
});
$('input[name="post-text"]').change(function(){
   $('#change').html($('input[name="pre-text"]').val() + $('#body').html() + $(this).val());
});

我怎样才能听每个字母表的输入字段

1 个答案: