Question

我的大型表格中有以下两个字段......

 <p><input type="text" name="name" id="proname" value="" /></p>  
 <p><input type="text" name="var" id="provarname" value="" /></p>

我希望#provarname能够从#proname自动获取值，例如，如果我们在#provarname中输入Design watch，同时#provarname应该获得值设计 - 观察（小写字母和空格替换为 - ），以及编写了以下jquery代码，它的工作方式不同......

$(document).ready(function() {
    $('#proname').live('change',function() {
        var pronameval = $(this).val();
        $('#provarname').val(pronameval.replace(' ', '-'));
    });
});

Answer 1

尝试将活动从change更改为keydown。

Answer 2

根据T.stone的建议，最终的代码将是......

$(document).ready(function() {
    $('#proname').live('keyup',function() {
        var pronameval = $(this).val();
        $('#provarname').val(pronameval.replace(' ', '-').toLowerCase());
    });
});

工作正常。

Answer 3

使用g使用regEx替换，以便它替换所有。
使用keyup代替change，change将触发文本框onblur。

更改您的功能，如下所示

DEMO 此处

$('#proname').live('keyup',function() {
    var pronameval = $(this).val();
    $('#provarname').val(pronameval.replace(/ /g, '-').toLowerCase());
});

Answer 4

如果您想要全部使用小写

，请添加toLowerCase

var pronameval = $(this).val().toLowerCase();

并使用已经说过的keyup

jquery将内容复制到另一个文本框

4 个答案: