提交输入值后清除输入

时间:2015-04-10 20:59:03

标签: javascript jquery html

我有一个网页,我用它来远程更新值。更具体地说,一方面,我有一个连接到互联网的屏幕,其中有一个小字段(现在服务:##),另一方面,我有一个平板电脑连接到互联网,网页是用于将值推送到屏幕并更新它。一切看起来不错,除了以下内容: 在提交值后让输入字段清除,这样我就可以在其中键入另一个数字,而无需手动清除它

以下是我的HTML代码

<div id="container">
<div id="logoDiv"></div>
    <h3>Type the number in the box</h3>
    <div class="theWork">
        <div id="formDiv">
            <FORM NAME="test" class="theForm">
                Now Serving:    <input type="text" name="msg1" class="testingHuss" id="theOrderBox" autofocus ><br>
            </FORM>
        </div>
        <div id="onScreenDiv"><span id="onscreen"></span></div>
    </div>
</div>

这是我的JavaScript代码

    $(document).ready(function() {
    $('.testingHuss').keydown(function(event) {
        if (event.keyCode == 13) {
        sendCommand("galaxy.signage.me", "wmt_huss", "husshuss", "3", "nowServing", document.test.msg1.value);
        document.getElementById('onscreen').innerHTML = document.test.msg1.value;
            return false;

         }
    });
}); 

3 个答案:

答案 0 :(得分:1)

由于你使用的是Jquery,你可以这样做:

$(document).ready(function() {
    $('.testingHuss').keydown(function(event) {
        if (event.keyCode == 13) {
            //Do Necesary stuff when enter was pressed.
            $(event.currentTarget).val('');            
        }
    });
}); 

小提琴:https://jsfiddle.net/fgqs4hzb/

答案 1 :(得分:0)

由于您正在使用jquery替换此行:

updateTextInput(session, "testingHuss", value = "")

使用:

$('.testingHuss').val('');

答案 2 :(得分:0)

document.test.msg1.value =&#34;&#34;

返回false之前