2013-10-17 68 views
0

我該如何爲每個DIV專門設置兩個隱藏值,首先,這是否可能? 讓我們看看這裏對頁面上的每個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中調用它。所以有一些想法?

+0

只需將名稱屬性添加到您的隱藏字段 –

+0

但爲什麼消極? –

回答

1

製造具有兩個隱藏的div您自己的標準基於公式「隱藏_」 {指數}「_」 {div_name}:

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

+0

請幫助我在這裏的ajax,如果值爲hidden_​​1_1在id中顯示下一個數據,我該如何做在ajax ... –

+0

我所做的是加載下一個數據後一段延遲,如果該值是一些字符串像hidden_​​1_one,我如何在Ajax中實現,請幫助? –

+0

現在功能齊全,只是使script.php和包括jQuery –

4

對於由$ _ POST得到你需要把「屬性到輸入:

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

但是這是特定於DIV內容 –

+0

我的意思是潛水有不同的內容來自數據庫,所以如果Div ID是(一)完成,然後顯示下一個數據在div 1 –

+0

我有點給你。 –

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

應該給你在你的POST變量DIV2,假設您提交的領域使用ajax。

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> 
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相關的隱藏元素。