从下拉列表中为隐藏字段分配值

时间:2013-06-10 15:40:53

标签: jquery html ajax

我有一个表格,我正在填写一个ajax请求。大部分都是好的,但我似乎无法将下拉值分配给隐藏变量。

这个想法是这样的:你选择一个先前完成的作业,提交一个ajax请求,并从该请求中填写表格的所有值。

您还可以选择删除(删除)此作业。要做到这一点,我需要获取id的值(它在ajax请求中返回)并将其填入隐藏字段。这个隐藏字段的形式不同。当我尝试提交此表单时,该字段未填写。

示例代码:

function loadQuery() {
    var assign = $("#existingAssignment").val(); // Get the value of the select box so we can build the next page
    $.ajax({
        type: 'get',
        url: 'http://127.0.0.1/WMT/model/getCandidate.cfc',
        data: {
            method: 'getExistingAssignPosInfo',
            tourid: assign
        },
        dataType: 'json',
        async: false,
        success: function (result) {

            $('#removeAssignment').show(); // This is the name of the hidden field. We Show this when we get the JSON
            $('#removeAssignmentID').val(result.DATA[0][0]);

        }
    });
}

HTML

<form class="form-horizontal" action="">
    <div class="pull-left">
        <input type="submit" id="removeAssignment" class="btn btn-danger" value="Remove Assignment">
        <input type="hidden" name="TheAssignment" id="removeAssignmentID" value="">
    </div>
</form>

这是应提交ID的表单,以便我知道要删除的内容。但是,当我提交表单时,没有设置值。

请注意:上面的JS代码可能缺少一个或两个,因为它只是一个例子。

1 个答案:

答案 0 :(得分:4)

这里有一个例子:

$("select[name=test]").change(function(){
 $("input[name=hiddenfield]").val($(this).val());
});

http://jsfiddle.net/Wyp8f/

每次更改选择字段时,它都会更改隐藏字段的值。你可以测试代码。这是从下拉列表中为隐藏字段分配值的方法。也许它可以帮助你。