從圖像數據庫加載選項ID點擊

Question

即時通訊試圖想到最好的方式來做到這一點，即時通訊簡短...我有一個下拉菜單，從數據庫中拉出名字。像這樣的東西 -

<form class="option1"> 
<select name="users" onChange="showUser(this.value)"> 
<option value="0">NAMES:</option> 
<option value="1">John</option> 
<option value="2">Mark</option> 
<option value="3">Luke</option> 
<option value="4">Chris</option> 
</select> 
</form> 

然後，我有一個JavaScript函數，得到它連接到一個數據庫，並顯示記錄的PHP文件。下拉菜單很好，但是id喜歡當有人點擊圖片時能夠發生這種情況。我可以只爲圖像分配一個選項值，然後執行類似的操作 -

$(document).ready(function() { 
$('img').click(function(){ 
$('select').val($(this).attr('option')); 
}); 
}); 

當點擊某個圖塊時會觸發它？有任何想法嗎？謝謝大家。

Answer 1

我能想到的兩種可能性：

1）使用ALT-屬性的ID存儲在圖像標籤：

<img src="img.png" alt="1"> 

那麼你可以使用

$('select').val($(this).attr('alt')); 

2 ）使用圖像的ID將用戶的ID存儲在DB中：

<img id="img_1" src="img.png"> 

那麼你可以使用

$('select').val(this.id.substr(-1));