Question

我在屏幕上有一些图像，我希望每次点击都会将此图像的值放在列表中。然后我需要将此列表发送到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时，它会添加到列表中。而且我需要把这个列表放在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>

<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>

Answer 1

考虑到图像链接右侧有<select multiple="multiple"></select>，然后使用此代码：

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

这是做什么的：

点击一下
- 在点击的img中找到a标记
  - 将src属性附加到select输入。

DEMO

修改

假设您改变了这一行：

$('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){}

单击图像\按钮添加到列表

1 个答案: