按Enter清除文本字段

Question

（已解決 。很抱歉浪費您的時間。）

在我為個人使用（在線社區）開發的基於Web的應用程序中，用戶可以選擇在頂部使用“命令行”，而不用瀏覽多個頁面。 這樣可以節省時間，保持理智並執行一次代碼。

命令行有效。 截至目前，當您按下Enter鍵（沒有提交按鈕）時，它將打開一個新選項卡，運行帶有相關$ _POST信息的“ cmdline.php”，然后在完成執行后關閉該選項卡。

當選項卡關閉時，出現了問題，舊文本仍然存在，“ NEW; 1283; JSMITH”。 為避免人們不得不突出顯示並刪除另一個條目，我試圖弄清楚如何在您按下Enter鍵時使其清晰可見。

到目前為止，這是我所發現的。 請注意，我是javascript / jquery的新手。

    <script src="java/jquery.js"></script>
    <script type="text/javascript">
    $('#cmdline').bind('keyup', function(e) {
        if (e.keyCode === 13) {
        $('#cmdline').find('input:text').val(''); 
        }
    });
    </script>

（在同一文件中）

    <form   target="_blank"
            action="cmdline.php"
            method="POST"
            id="cmdline"
    >
        <input type="text" placeholder="Ready for Command" autocomplete="off" name="cmdline">
    </form>

Answer 1

如果要使用屬性選擇器，請將'input:text'更改為此'input[type="text"]'

 $('#cmdline').bind('keyup', function(e) { if (e.keyCode === 13) { $('#cmdline').find('input[type="text"]').val(''); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form target="_blank" action="cmdline.php" method="POST" id="cmdline"> <input type="text" placeholder="Ready for Command" autocomplete="off" name="cmdline"> </form> 

Answer 2

修復它。 我知道我一發布問題便會解決...

    <script src="java/jquery.js"></script>
    <script type="text/javascript">

    function emptyText() {
        $('#cmdline').find('input:text').val('')
    }

    </script>

    <form   target="_blank"
            action="cmdline.php"
            method="POST"
            id="cmdline"
            onsubmit="emptyText()"
    >
        <input type="text" placeholder="Ready for Command" autocomplete="off" name="cmdline">
    </form>