在图像点击时从数据库加载选项ID

时间:2013-11-25 23:45:21

标签: javascript php jquery

我试图想出最好的方法来做到这一点,我即将推出...我有一个下拉菜单,从数据库中提取名称。像这样的东西 -

<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'));
});
});

点击某个图块时触发它?有任何想法吗?谢谢大家。

1 个答案:

答案 0 :(得分:0)

我可以想到两种可能性:

1)使用alt-attribute将id存储在image标签中:

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

然后你可以使用

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

2)使用图像的id来存储DB中用户的id:

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

然后你可以使用

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