0

我在屏幕上有一些图像,我希望每次单击都会将此图像的值放入列表中。然后我需要将此列表发送到 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>​

4

1 回答 1

0

考虑您<select multiple="multiple"></select>在图片链接的右侧有一个,然后使用以下代码:

$(document).ready(function(){
    $('a').on('click',function(){
        $('select').append('<option>'+$(this).find('img').attr('src')+'</option>');
    });
});

这是做什么的:

  • 点击一下
    • 找到img点击内的标签a
      • src将属性附加到select输入。

演示

编辑:

假设您更改了这一行:

$('select').append('<option>'+$(this).find('img').attr('src')+'</option>');

进入这个:

$('select').append('<option selected="selected">'+$(this).find('img').attr('src')+'</option>');

以便选择所有选项(以便它们通过表单值传递给 PHP)。

然后,在 PHP 端,使用如下内容:

$images = $_POST['yourSelect'];

然后您可以使用 for 遍历数组:

foreach($images as $i){}
于 2012-09-12T09:02:32.757 回答