Question

<input class="y" id="imploding_feature3" type="hidden" name="product_labels_module[3][manual_products]" value=",,,,62,108,,45,">


<input class="y" id="imploding_feature4" type="hidden" name="product_labels_module[4][manual_products]" value=",,,,45,78,,26,">

我想获取用户输入的值，然后删除该值。例如，用户输入值45然后它将删除文本框中的所有45但其他值将提醒，我如何使用jquery？

Answer 1

检查这个演示的输出，我认为它可以做你想要的。

更新了脚本：

$('#removeProduct').on('click', function() {
	var input = $('#productId').val();
    
    // loop through each imploding_feature and remove value if exist
    $('input[id^="imploding_feature"]').each(function(ndx, elem) {
    	var values = $(elem).val();
        console.log('before =', values);
        var valuesarray = values.split(',').map(function(val, ndx) {
        	return (val === input)?'':val;
    	}).join(',');
        $(elem).val(valuesarray);
        console.log('after =', valuesarray);
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="productId" value="">
<button id="removeProduct">
remove product id
</button>
<input class="y" id="imploding_feature3" type="hidden" name="product_labels_module[3][manual_products]" value=",,,,62,108,,45,">


<input class="y" id="imploding_feature4" type="hidden" name="product_labels_module[4][manual_products]" value=",,,,45,78,,26,">

Answer 2

$('#imploding_featurel').on('keyup', function(e) {
  // enter
  if (e.keyCode == 13) {
    // get the value
    var value = $(this).val()

    // empty this
    $(this).val('').html('')
  }
})

听取keyup / keypress。也许你可以添加一个按钮来添加click听众。

Answer 3

你不需要jquery来做这件事。只需使用直接JS将该元素的字段值设置为等于空字符串。

Answer 4

这是我的样本：

    // assign the value in a variable.
    var textValue = $("#inputSample").val(); 
    // this will remove the value in your input element.
    $("#inputSample").val("");

textValue 变量具有input元素的值。

Answer 5

假设您想将值保留在数组中。因此，让我们创建一个值数组来保存值。然后，对于字段的每个值更改，我们只存储数组并将其清空

var values=[];
  $(document).ready(function(){

    //create a value container array


    $('#imploding_feature1').change(function(e) {
      values.push($(this).val());
      $(this).val('');
  });
});

jquery从文本框中删除选定的值

5 个答案: