我有一個網站,用戶可以從數據庫中選擇不同的選項。可以說我有一個動物數據庫。用戶可以選擇不同的動物。我使用AJAX獲取數據,因此我的頁面不會爲每個新標題重新加載。以簡單的方式存儲和刪除數據
因此,用戶在標題「棕色動物」下找到動物,並通過選中複選框選擇「小貓」。用戶繼續搜索並在標題「可愛的動物」下,「小貓」再次出現。然後應該檢查「小貓」,因爲用戶之前檢查過它。在搜索了許多標題和不同的動物之後,用戶可以提交它。
我的問題是我該如何做到這一點?我正在考慮在輸入中爲每個動物添加每個Id。像這樣<Input type="hidden" value="1,4,7,14,34,192">
但通過刪除元素,如果用戶想要這樣做,意識到了這個問題。
有沒有其他辦法可以做到這一點?
編輯(澄清): 我使用ajax從數據庫中獲取記錄。數據庫由數千行動物組成。我正在發送一個帶有參數的Ajax請求,例如。 ?cute = 1 & color = brown & wild = 1 & vegetarian = 1等等。並根據參數打印出正確的動物。當它打印出新的動物時,你可能會體驗到一隻動物第二次出現(即使我第一次選擇它),如果是這種情況,它應該是一個選擇的選項。
因此,如果我選擇了「可愛動物」下的小貓,並重新搜索「棕色」,並且小貓再次出現,應該選擇它。
考慮尋找到支持數據綁定,如[angularjs(https://angularjs.org/) – Danny
從UX點,你可能會想辦法來顯示所有的框架檢查選項,以便用戶確切知道他們提交的內容。像這樣的表單也可以負責存儲數據。 – fqhv
@fqhv是的,我真的想顯示所有選中的選項,這樣的表單如何負責存儲數據?你在想一個常規的HTML表單嗎? – William82