php - ULおよびLIタグに隠し値を追加するには、どうすればよいですか？

Question

私はこのような複数のオプションがあります：

<li>
<a href="#" title="" class="selected"><span class="to-admin">Administrator</span></a>
<input id="shareto" type="hidden" value="0-1" name="shareto">
</li>
<li>
<a href="#" title=""><span class="to-finance">Finance</span></a>
<input id="shareto" type="hidden" value="1-1" name="shareto">
</li>
<li>
<a href="#" title=""><span class="to-technician">Technician</span></a>
<input id="shareto" type="hidden" value="1-0" name="shareto">
</li>
<li>
<a href="#" title=""><span class="to-lawyer">Legal</span></a>
<input id="shareto" type="hidden" value="0-0" name="shareto">
</li>

そして今、私はこのPHPを使用してその変数を「キャッチ」したいと思います：

$Type = $_POST['shareto'];

どのオプションを選択しても、なぜ常に最後の値を取得するのですか？それを正しく行う方法は？前に感謝します。

Answer 1

この動作中のフィドルリンクを確認してくださいhttp://jsfiddle.net/7GHug/

こんなものが欲しいと思います。

<ul>
<li data-val="0-1">
<a href="#" title="" class="selected"><span class="to-admin">Administrator</span></a>

</li>
<li data-val="1-1">
<a href="#" title=""><span class="to-finance">Finance</span></a>

</li>
<li data-val="1-0">
<a href="#" title=""><span class="to-technician">Technician</span></a>
</li>
<li data-val="0-0">
<a href="#" title=""><span class="to-lawyer">Legal</span></a>
<input id="shareto" type="hidden" value="" name="shareto">
</li>
</ul>​

Javascritp

$(document).ready(function($) {
        $('ul li').on('click', function() {
            $('input#shareto').val($(this).data('val'));
        });
    });

単一の非表示入力を使用すると、クリックされたliに基づいて値を更新できます。</ p>

Answer 2

に変更name=sharetoすると、すべての値を含む配列になりますname=shareto[]。$_POST['shareto'];

また、要素idは一意である必要があります。

Answer 3

Add [] like name="shareto[]" then $Type = implode(',',$_POST['shareto']);