用 jQuery 组合两个表单输入值答案

【问题标题】：Combine two form input values with jQuery用 jQuery 组合两个表单输入值
【发布时间】：2012-07-18 03:59:24
【问题描述】：

所以我的表单上有一个隐藏字段，其中包含一个 URL (EG - http://www.domain.com?asset=)

我需要做的是在表单提交时从复选框中提取值并将其附加到我隐藏表单中的值，以便结果看起来像：

http://www.domain.com?asset=123abc

提前致谢！

【问题讨论】：

api.jquery.com/val -- .val() 可用于获取/设置输入元素的值。试一试:)

标签： javascript jquery forms input

【解决方案1】：

var url = 'http://www.domain.com?asset=',
    jq_checkbox = $('input#my-check-box'), // suppose id of your checkbox is my-check-box
    jq_hidden = $("input#my-hidden-field"), // and id of your hidden field is my-hidden-field
    jq_form = $('form#my-form') // and id of your form is my-form
        .submit(function(){
            jq_hidden.val(url + jq_checkbox.val());
        });

【讨论】：

【解决方案2】：

$("hiddenfield").val($("hiddenfield").val() + "123abc");

【讨论】：

【解决方案3】：

在表单提交或单击事件上简单调用此函数，您希望在此处获得所需的输出，我通过警报检查输出

<script>
function check(){

    var checkbox=   $("#checkbox").val();
    var hidden_val= $("#url").val()+checkbox;

        alert(hidden_val);
}
</script>

这里

复选框是复选框 ID url 是隐藏的项目 ID

希望对你有帮助

【讨论】：