javascript - 表单隐藏字段替换

标签 javascript forms expressionengine hidden-field safecracker

我正在使用 Expression Engine 的 Safecracker 模块构建表单。

标题是必填字段之一,它成为 EE channel 条目的标题。

我想要做的是将“标题”字段设置为组合的名字和姓氏字段。

我从这个开始:

<form method="POST" action="#">

<input id="student_first_name" type="text" size="30" name="student_first_name"> 
<br>
<input id="student_last_name" type="text" size="30" name="student_last_name"> 
<br><br>
<input type="text" name="title" value=""/> 

</form>

然后添加以下内容:

$(function() {
    $('#student_first_name').keyup(function() {
        var snamef = $(this);
    });
    $('#student_last_name').keyup(function() {
        var snamel = $(this);
    });
    $("input[name='title']").val(snamel + " " + snamef);
    return false;
});​

​但我无法让它工作:http://jsfiddle.net/tylonius/CY5zJ/4/

我是否错过了一步(或者完全做错了?)?

还有,是不是我工作太辛苦了,Safecracker已经内置了这个功能;类似于它的实时 UrlTitle();功能?

感谢任何帮助。

谢谢

最佳答案

如果我理解你的问题,试试这个:

首先在您想要的输入元素上设置一个 id,如下所示:

<input type="text" name="title" id="student_title" value=""/>

然后:

$(function() {  
    changeFunction = function() {
        $('#student_title').val($('#student_first_name').val() + ' ' + $("#student_last_name").val());
    }

    $('#student_first_name').keyup(changeFunction)
    $('#student_last_name').keyup(changeFunction);   
});

关于javascript - 表单隐藏字段替换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10300880/

相关文章:

javascript - 使用javascript调整具有特定类的所有div的大小

javascript - promise 的执行顺序

javascript - 自动添加然后POST的HTML表单

javascript - 使用 jQuery 的表达式引擎样式 url 段

javascript - 在 firefox 中缓慢的 html5 绘图

javascript - 删除 iframe 后窗口事件丢失

javascript - 表达式引擎扩展开发 - 添加自定义 JavaScript 到渲染条目

expressionengine - 在控制面板中配置 'Name of your site'

javascript - 多个表单的 jquery 验证之前的 ajax 表单提交

javascript - 带单选按钮的动态警报