Question

如果当前输入已更改，我想显示一个元素。

$('.type_number').change(function() {
  $(this)
  $('.check-update').css('display', 'block')
})

<input class="type_number" type="number" name="amount" value="{{ product.amount }}">
<input type="hidden" name="product" value="{{ product.product.id }}">
<button type="submit" class="btn btn-link check-update">
  <i class="fa fa-check"></i>
</button>

如果说当前更改的jquery显示另一个元素

这给我带来了困难，而且我无法弄清楚如何去做。如果有人知道，请解释我

Answer 1

这就是你想要的。它是纯粹的Javascript

＆＃13;

var input = document.querySelector('#my-text-box');

var messages = document.querySelector('#messages');

input.addEventListener('input', function()
{
   messages.style.display = 'block'
});

＆＃13;

<input id="my-text-box" /> 

<div id="messages" style="display: none">I was hidden First</div>

＆＃13;

它只是一个演示，让您了解如何使您的工作正常工作

Answer 2

据我了解，当有人开始输入时，你想要显示div。在这种情况下，您应该使用keypress事件。像这样：

$('.type_number').keypress(function() {
    $('.check-update').show();
    $('input').attr('type', 'text'); 
});

.check-update {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <input class='type_number' type="text">
  <input type="hidden" name="product" value="{{ product.product.id }}">
  <div class='check-update'>Div when somebody starts typing</div>

编辑：OP想要删除输入中隐藏的类型。我调整了代码，以便在用户开始输入时显示每个隐藏的输入。

Answer 3

使用jQuery，如果输入元素值不为空并且更改为＆＃34; myname＆＃34;，则显示带有值＆＃34; bob＆＃34;的标签。

HTML

<input id = "type_number" type = "text" value="myname"/>
<label id = "check-update" style="display:none;">bob</label>

的jQuery

$("#type_number").on("change keyup paste", function() {
    if($("#type_number").val() !== "" && $("#type_number").val() !== "myname")
        $("#check-update").css("display", "block");
   else 
        $("#check-update").css("display", "none");
});

jsFiddle demo

Answer 4

也许你正在搜索这个：

$('.type_number').change(function () {
      
         if($(this).val() < 1 ) {
          $('.check-update i').addClass('fa-remove');
          $('.check-update i').removeClass('fa-check');
         } else {
            $('.check-update i').addClass('fa-check');
             $('.check-update i').removeClass('fa-remove');
        }
     });

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="type_number" type="number" name="amount" value="{{ product.amount }}">
        <input type="hidden" name="product" value="{{ product.product.id }}">
        <button type="submit" class="btn btn-link check-update"><i class="fa fa-remove"></i></button>

如果当前输入已更改，则显示另一个元素

4 个答案:

jsFiddle demo

也许你正在搜索这个：