Question

我在JavaScript和Html代码中有一些代码这很好用（？）但问题是文本框也消失了。有人可以帮忙吗？

＆＃13;

function getProductBarcode() {
    var barcode = $('#productBarcode').val();
    document.getElementById('#pos-RightTitle').style.display = 'block';
   
    $.post('functions/pos-calculation-process.php', {barcode:barcode})
        .done(function(data){
            $('#pos-RightTitle').html(data);
            setTimeout(function(){
                $('#productBarcode').hide();
            }, 300)
        });
    
    return false;
}

＆＃13;

<div class="input-group">
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
    </span>
    <input type="text" class="form-control" id="productBarcode"onchange = "getProductBarcode()" placeholder="Scan Barcode" aria-describedby="basic-addon1">  
</div>

＆＃13;

Answer 1

删除此行以避免文本框消失。

setTimeout(function(){
    $('#productBarcode').hide();
}, 300)

将您的代码更改为

function getProductBarcode() {
    var barcode = $('#productBarcode').val();
    document.getElementById('#pos-RightTitle').style.display = 'block';

    $.post('functions/pos-calculation-process.php', {barcode:barcode})
        .done(function(data){
            $('#pos-RightTitle').html(data);
        });

    return false;
}

Answer 2

据我所知，从您的问题陈述中可以看出，当您扫描时，您不希望在字段中显示扫描值，同时您希望更改值应该在字段中，但不应对用户可见。< / p>

您编写的代码行

 $('#productBarcode').hide();

将隐藏文本字段，因此您必须使用给定代码替换该代码

在css中给出一个类

.hideChar {
color: white !important;
}

替换此

 $('#productBarcode').hide();

代码

$('#productBarcode').addClass('hideChar');

当你想让角色可见时，不要忘记删除这个类

$('#productBarcode').removeClass('hideChar')

Answer 3

如果您只想清除文本表单输入，请在setTimeout函数中替换此代码：

$('#productBarcode').hide();

使用：

$('#productBarcode').val('');

如何在JavaScript中仅隐藏文本值

3 个答案: