隐藏价值每页上的Div

时间:2013-10-17 09:28:52

标签: php ajax

我怎样才能为每个DIV专门设置两个隐藏值,首先,这可能吗? 让我们看看这里

<!DOCTYPE html>
<html>
<body> 
    <div id="one">
    Hello World 1
   <input type="hidden" id="one" value="one">

  </div>

  <div id="two">
    Hello World 2
    <input type="hidden" id="two" value="two">

  </div>
</body> 
</html>

真的有可能......有些想法吗?

我试图像往常一样获得$ _POST方法但是我如何推断哪个帖子是哪个div?

这是PHP中的所有句柄,然后我将在Ajax中调用它。有点想法吗?

5 个答案:

答案 0 :(得分:4)

要获得$ _POST,您需要将“名称属性添加到输入中:

 <input type="hidden" id="one" name="one" value="one">

答案 1 :(得分:1)

<input type="hidden" name="div2" id="two" value="two">

假设您使用ajax提交字段,那么应该在POST中为您提供变量div2。

答案 2 :(得分:1)

您可以根据需要为每个div提供尽可能多的隐藏输入,只是不要给它们相同的ID。要在$_POST中查看它们,您需要为每个输入提供name

<div id="one">
    Hello World 1
   <input type="hidden" id="one_1" value="one" name="one_first">
   <input type="hidden" id="one_2" value="one" name="one_second">
</div>

<div id="two">
    Hello World 2
   <input type="hidden" id="two_1" value="tow" name="two_first">
   <input type="hidden" id="two_2" value="two" name="two_second">
</div>

答案 3 :(得分:1)

根据公式'hidden _'{index}'_'{div_name}制作自己的标准,包含两个隐藏的div:

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="jquery1.10.js"></script>
    <script>
        $( document ).ready(function() 
        {
            $('div').click(function()
            {
                var element = $(this).attr( "id" );
                var value1  = $('#hidden_1_'+element).attr( "value" ); 
                var value2  = $('#hidden_2_'+element).attr( "value" ); 
                $_data = 'var1='+value1+'&var2='+value2;
                $.post("script.php",$_data,
                   function(data)
                   {
                      response = jQuery.parseJSON(data);
                      console.log(response);
                   }
               );
            });
        });
    </script>
</head>
<body> 
    <div id="one">
    Hello World 1
    <input type="hidden" id="hidden_1_one" value="1">
    <input type="hidden" id="hidden_2_one" value="2">
    </div>
    <div id="two">
    Hello World 2
    <input type="hidden" id="hidden_1_two" value="3">
    <input type="hidden" id="hidden_2_two" value="4">
  </div>
</body> 
</html>

然后编写script.php代码,响应是json ...

然后使用这两个对象,您可以执行任何操作,然后查看http://api.jquery.com/jQuery.ajax/#example-3

答案 4 :(得分:1)

首先,for POST data, you should give any name to the element.

其次,如果要访问与div相关的隐藏元素,请提供一些相对名称。

<!DOCTYPE html>
<html>
<body> 
    <div id="one">
    Hello World 1
    <input type="hidden" id="hidden_1_one" name="hidden_1_one" value="1">
    <input type="hidden" id="hidden_2_one" name="hidden_1_one" value="2">
    </div>
    <div id="two">
    Hello World 2
    <input type="hidden" id="hidden_1_two" name="hidden_1_two"  value="3">
    <input type="hidden" id="hidden_2_two" name="hidden_2_two" value="4">
  </div>
</body> 
</html>

现在,您可以轻松发布与该DIV相关的隐藏元素。