根据另一个字段填充输入

Populate Input based on another field?

本文关键字：填充 输入 字段 另一个      更新时间：2023-09-26

我有一个字段将用于用户名，另一个字段用于用户URL

因此，如果用户在名称输入中键入john smith，我希望自动用john-smith填充URL输入，因为URL最终将是/personal-trainer-directory/john-smith

我如何自动做到这一点，这样用户就不必填写网址字段？

这里有一个例子，但有一些ExpressionEngine代码，这就是为什么有花括号，但我认为这更多地与代码有关，而不是CMS，所以在这里发布这篇文章。

这就是我目前拥有的：

<div class="formsection clearfix">
<label for="title">Name</label>
<span class="directions">The name you want to be displayed in your listing.</span>
<input type="text" name="title" id="title" value="{title}" size="50" maxlength="100">
</div>
<div class="formsection clearfix">
<label for="url_title">URL Title</label>
<span class="directions">Put a dash between first and last name. example: "john-smith"</span>
<input type="text" name="url_title" id="url_title" value="{url_title}" maxlength="75" size="50">
</div>

$("#title").change( function () {
    $('#url_title').val('/personal-trainer-directory/'+$(this).val().toLowerCase().replace(/ +/g, '-').trim());
});

jsFiddle示例

您可以执行类似的操作

$(function(){
    $("#title").blur(function(){
        $("#url_title").val('/personal-trainer-directory/' + $(this).val());
    });
});

jsFiddle

或者如果你想在键入时填充它

$(function(){
    $("#title").keyup(function(){
        $("#url_title").val('/personal-trainer-directory/' + $(this).val());
    });

}）；jsFiddle

相关文章：