根據表單輸入值更改選擇列表

我正在爲我的婚禮創建RSVP表單。每個邀請都會有一個三位數的ID手寫在它們上面。該ID將以邀請的該方的人數開始。例如：ID：302 =（3）三個人被邀請和（02）受邀客人的身份證。根據表單輸入值更改選擇列表

我們希望通過此路線限制RSVPing的人數超過邀請金額，同時獲得與會者的準確數量。

因此，如果有人在窗體上鍵入他們的ID，例如302，則會有一個可用於三個或更少客人的選擇列表。 514將有1-5個選擇列表可用等等。

我該如何在jQuery或Ajax中完成這項工作？

來源

2014-03-25 user3460707

的ID是越來越進入到一個文本字段，從而改變選擇列表尺寸。就這些。我不需要關聯數據庫或使用Ajax，我只是想看看選項。 – user3460707

喜歡這個http://jsfiddle.net/j08691/XmpqN/？ – j08691

這是美麗的。非常感謝。 – user3460707

爲了讓你開始：

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

來源

2014-03-25 17:06:28 j08691

根據表單輸入值更改選擇列表

回答

相關問題