2011-01-12 61 views
1

我所擁有的是從數據庫中刪除可用房間。像Classroom 1一樣,其次是它的最大容量,所以看起來像這樣,Classroom 1(28),Classroom 2(30)等等。在此下拉列表的上方是一個文本框,用於輸入登記的學生人數,以便您輸入任意數字。PHP和Javascript

我的問題是,如何消除不適合文本框中鍵入的數字的教室。因此,例如我鍵入30,當我點擊下拉列表時,Classroom 1(28)不再存在,而是列出了Classroom 2(30)。

+0

這是一個非常通用的問題,這說明你需要了解AJAX。 – markus 2011-01-12 08:45:28

回答

3

首先,您需要在文本更改時觸發的文本框上的事件。

然後你需要遍歷每個選項。如果文本框的值大於解析出的類的大小值,則隱藏該選項。

jquery在這裏很有用。

在我看來,這不是一個SQL或ajax問題。您想要獲取所有現有教室並將其作爲選項提供,然後根據用戶在文本框中鍵入的內容篩選選擇。

jQuery的會是這個樣子

$('#Count_textbox').change(function(event) 
{ 
    var countValue=$(this).val(); 

    //loops through each option 
    $('#classroom_select').find('option').each(function(index) 
    { 
    //write parseOutValue to get the value out of the string of text 
    var classroomValue=parseOutValue($(this).text()); 

    if(countValue > classroomValue) 
    { 
     $(this).attr("disabled","disabled"); 

    } 
    else 
    { 
     $(this).attr("disabled",""); 
    } 
    } 
}); 
+0

循環通過條目客戶端的另一種方法是發送帶有鍵入號碼的AJAX請求到服務器,該服務器調用php方法,該方法查詢DB足夠大的空間並將新選擇發送回去。 – markus 2011-01-12 08:48:02