Question

我正在为我的婚礼创建一份RSVP表格。每个邀请都会有一个三位数的ID手写在他们身上。该ID将从该方邀请的人数开始。示例：ID：302 =（3）邀请了三个人，以及（02）受邀嘉宾的ID。

我们希望通过这条路线限制人们的RSVP超过邀请金额，同时获得准确的与会者数量。

因此，如果有人在表单上键入了他们的ID，例如302，则会有一个可供三个或更少客人使用的选择列表。 514将有1-5个选择列表，等等。

我怎样才能在jQuery或Ajax中实现这个目标？

Answer 1

为了帮助您入门：

HTML

<form action="" method="post">ID
    <input name="code" type="text" size="3" />
    <button type="button">Proceed</button>
    <label>Guests
        <select name="guests"></select>
    </label>
</form>

的jQuery

$('button').click(function () {
    var code = $.trim($('input[name=code]').val());
    var guests = code.substr(0, 1);
    $('select[name=guests]').empty();
    if ($.isNumeric(code)) {
        for (var i = 1; i <= guests; i++) {
            $('select[name=guests]').append('<option>' + i + '</option>');
        }
        $('label').css('display', 'block');
    }
})

<强> jsFiddle example

根据表单输入值更改选择列表

1 个答案: