我正在編寫一個基本上管理事物列表的頁面。每件東西都分配給一個人，分配由系統中每個用戶選擇一個選擇框來完成。 （所以改變選擇框重新分配的東西）。避免在HTML中重複選擇+選項
所以說我在我的表中有100個對象，在我的系統中有150個用戶。如果我只是做純HTML，我將有15,000選項標籤
我假設必須有一個更好的方式來做到這一點。到目前爲止，我的想法是渲染第一個元素，然後用戶jquery將選項複製到其他元素。或者我猜想其他的選擇是讓AJAX填充選項，儘管這樣做有點尷尬（我沒有明顯的地方說AJAX可以從系統中獲得用戶列表）。
任何想法將是最歡迎:)
如何有某種彈出窗口的選擇。這樣，您只需要select元素的一個實例以及options標籤。
所以你基本上每個人都在一個列表中，一個只讀輸入字段和一個小按鈕旁邊。如果用戶點擊這個按鈕，彈出窗口出現，並讓用戶選擇「對象」。關閉彈出窗口後，選擇將傳遞到輸入字段。
如何像
<form …>
<table>
<thead>
<tr>
<th>col1</th><th>col2</th><th>col3</th>
</tr>
<tr id="editrow" style="display:none">
<td><input type="text"></td>
<td><input type="text"></td>
<td>
<select>
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
</select>
</td>
</tr>
</thead>
<tbody>
<tr><td>col1</td><td>col2</td><td data-value="1">one</td></tr>
<tr><td>col1</td><td>col2</td><td data-value="2">two</td></tr>
<tr><td>col1</td><td>col2</td><td data-value="3">three</td></tr>
<tr><td>col1</td><td>col2</td><td data-value="1">one</td></tr>
<tr><td>col1</td><td>col2</td><td data-value="2">two</td></tr>
<tr><td>col1</td><td>col2</td><td data-value="3">three</td></tr>
</tbody>
</table>
</form>
綁定一個click事件處理程序tbody > tr > td在其中
<tr><td>和data-value拉數據屬性來填充輸入元素#editrow<tbody>顯示其前述<tr>#editrow的<tr>後並使其可見.focus()，進行了點擊事件#editrow確信更改在您的<tr>的<td>更新<td>的輸入元素因此（你應該爲此使用委託事件。那麼你只需要創建和綁定處理一次）綁定一個提交事件處理程序<form>在其中
tbody > tr建立一個映射數據（JavaScript對象...）.preventDefault()或者您爲您的<td>創建<input> s，並自然提交表單。通過ajax構建地圖併發送它並不那麼痛苦，因爲您不需要操作數百個DOM元素。
如果沒有javascript，此解決方案將無法正常工作。如果它必須沒有工作，那麼你將不會在數百個不斷重複的<select> s中淹沒你的DOM。
服務器端語言是你的朋友。 – zzzzBov 2012-03-01 17:31:31
這太模糊了，沒有一個正確的放在一起的問題...編輯帖子與一些HTML與更具體的問題描述 – charlietfl 2012-03-01 17:32:06
即使你解決這個問題，你仍然會結束'