我在屏幕上有一些图像,我希望每次单击都会将此图像的值放入列表中。然后我需要将此列表发送到 sql 表中(所以它需要是一个数组?)
有任何想法吗?
<a href="#"><img src="img/cmp/bezeq.png" alt="" /></a>
<a href="#"><img src="img/cmp/hot.png" alt="" /></a>
<a href="#"><img src="img/cmp/mirs.png" alt="" /></a>
<a href="#"><img src="img/cmp/013.png" alt="" /></a>
这是例如。我点击的每张图片旁边都有一个列表。当我点击 hot.png 它添加到列表中 hot 。然后我需要把这个列表放到 sql 表中。
这是整个代码
<div id="content" >
<div class="socials" id="move" >
<ul class="reset">
<li><a href="#"><img src="img/cmp/bezeq.png" alt="1" /></a></li>
<li><a href="#"><img src="img/cmp/hot.png" alt="2" /></a></li>
<li><a href="#"><img src="img/cmp/mirs.png" alt="3" /></a></li>
<li><a href="#"><img src="img/cmp/013.png" alt="4" /></a></li>
<li><a href="#"><img src="img/cmp/012.png" alt="5" /></a></li>
<li><a href="#"><img src="img/cmp/hotnet.png" alt="6" /></a></li>
<li><a href="#"><img src="img/cmp/yes.png" alt="7" /></a></li>
<li><a href="#"><img src="img/cmp/golantelecom.png" alt="" /></a></li>
<li><a href="#"><img src="img/cmp/019mars.png" alt="" /></a></li>
<li><a href="#"><img src="img/cmp/bezeqinter.png" alt="" /></a></li>
<li><a href="#"><img src="img/cmp/hotmobile.png" alt="" /></a></li>
<li><a href="#"><img src="img/cmp/aridor.png" alt="" /></a></li>
<li><a href="#"><img src="img/cmp/triplecloud.png" alt="" /></a></li>
<li><a href="#"><img src="img/cmp/rimon.png" alt="" /></a></li>
<li><a href="#"><img src="img/cmp/youphone.png" alt="" /></a></li>
<li><a href="#"><img src="img/cmp/orange.png" alt="" /></a></li>
<li><a href="#"><img src="img/cmp/pelephone.png" alt="" /></a></li>
<li><a href="#"><img src="img/cmp/rami.png" alt="" /></a></li>
</ul>
</div>
</div>
<script>
$(document).ready(function(){
$('a').on('click',function(){
$('select').append('<option>'+$(this).find('img').attr('alt')+'</option>');
});
});
</script>
<select multiple="multiple" ></select>