多動態組合框填充與MySQL

Question

數據庫

$mySql = "SELECT field FROM fields"; 
$result = mysql_query($mySql); 

HTML：

<select id="combo1" class="combo" data-index="1"> 
<option></option> 
<?php 
while($r = mysql_fetch_array($result)) 
{ 
echo "<option value=" .$r['field '] . ">".$r['field '] ."</option>"; 
} 
?> 
</select> 
<div id="combos"></div> 

jQuery的

<script type="text/javascript"> 
$('body').on('change', '.combo', function() { 
var selectedValue = $(this).val(); 
if (selectedValue !== '' && $(this).find('option').size() > 8) { 
var newComboBox = $(this).clone(); 
var thisComboBoxIndex = parseInt($(this).attr('data-index'), 10); 
var newComboBoxIndex = thisComboBoxIndex + 1; 
$('.parentCombo' + thisComboBoxIndex).remove(); 
newComboBox.attr('data-index', newComboBoxIndex); 
newComboBox.attr('id', 'combo' + newComboBoxIndex); 
newComboBox.addClass('parentCombo' + thisComboBoxIndex); 
newComboBox.find('option[val="' + selectedValue + '"]').remove(); 
$('#combos').append(newComboBox); 
} 
}); 
</script> 

問題： 此代碼創建與我的數據庫talble場組合框。 我的問題是，選擇一次後，字段不能重複。 代碼中的錯誤在哪裏？或者我在做什麼錯誤？

它應該是這樣的：http://jsfiddle.net/JaVVe/1/

Answer 1

的問題是要檢查size() > 8，所以爲它工作，必須有超過8個選項。將其更改爲size() > 2。除此之外，你的代碼將工作。

另一個問題是您沒有將選項值包含在引號中。添加引號：

echo "<option value=\"" .$r['field'] . "\">".$r['field'] ."</option>"; 

你也有後場空間：

$r['field '] 
//  ^here, remove that 

Answer 2

現場的例子是

<option val="Opt1"> 

在HTML它value屬性，而不是val，所以你需要改變

newComboBox.find('option[val="' + selectedValue + '"]').remove(); 

到

newComboBox.find('option[value="' + selectedValue + '"]').remove();