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 に答える