将字符串连接到input type =“text”字段中的字符串。 JavaScript的

时间:2013-12-17 10:40:32

标签: javascript string input

我正在尝试将字符串添加到字符串中,但我似乎无法使其正常工作。

以下是代码:

<input type="text" name="text" id="text">
<input type="button" id="button" value="Click">

和javascript

var htmlYes = false;
$("#text").keydown(function(){
    if(!htmlYes){
        var value = $("#text").val();
        value += ".html";
        $("#text").val(value);
        htmlYes = true;
    }
});
$("#button").click(function() {
    var fileName = $("#text").val();
    fileName = fileName.replace(".html", "")
    alert(fileName);
});

我想要做的是,当用户开始键入要导出的文件的名称时,我希望自动将“.html”附加到他正在编写的字符串的末尾。

但是发生了什么,.html附加到了开头。我试过concat(),但似乎没什么用。有帮助吗?

所以当我写测试时,它实际上看起来像.htmltest但我想看起来像test.html

1 个答案:

答案 0 :(得分:0)

首次keydown是用户开始输入

的时候

var value = $(“#text”)。val(); //在firstkeydown

值为“”

然后将逻辑变量设置为true,使其永不再执行

尝试绑定到其他不是keydown的事件或参见

    $("#button").click(function(){
    var value = $("#text").val();
    value += ".html";
    $("#text").val(value);
    var fileName = $("#text").val();
     alert(fileName);
    });

jsfiddle example