隱藏/取消隱藏Jquery中的克隆表單元素。怎麼樣？

我可以在Jquery中找到許多隱藏和取消隱藏表單元素的示例。我還可以在Jquery中找到許多克隆表單元素的例子。但有沒有辦法隱藏/取消隱藏Jquery中的克隆表單元素？隱藏/取消隱藏Jquery中的克隆表單元素。怎麼樣？

例如，假設我有3個產品類別（可從下拉框中選擇）。這些產品類別中的每一個都有與之相關的自己的表單元素。我希望允許用戶多次查詢1個或全部產品類別。

例如，假設用戶選擇產品類別。與他們選擇的產品類別相關聯的表單元素將取消隱藏。用戶可以輸入這些表單元素並提交表單...或者他們可以選擇從相同或其他產品類別中再次選擇，並填寫與其第二選擇，第三選擇等相關的表單元素等。

這有意義嗎？

幫助？

絕對新手

來源

2010-11-04 Neuwbs

莫非你也許秀一些標記，讓我們知道你在做什麼？ – 2010-11-04 22:51:05

發佈的答案是否對你有幫助？ – 2011-02-21 16:54:06

我不是克隆什麼元素清晰。也許你可以詳細說明一下。但是，如果您可以爲任何共享功能的元素（例如應該隱藏在同一個元素上）分配「類」，則可以隱藏所有具有該類的元素。也許選擇選項類=「product_cat_1」，並有3個div的是具有類=「product_cat_1」以及..那麼你可以使用jQuery來隱藏所有div的帶class =「product_cat_1」

編輯：一招我用您的情況是包裝克隆元素的每個塊的div容器，具有唯一ID：

<div id="new_item_1"> 
    <select class="productcat1" name="productcat1[]">...</select> 
</div>

使用jQuery當你克隆領域

然後，您可以添加所有相對於該父容器的JavaScript：

$('#new_item_1 .productcat1').select(...);

來源

2010-11-04 22:41:57

要克隆的元素將是第一個選擇下拉框，以及與所有產品類別配合使用的表單元素（即文本輸入，下拉列表等）。每個產品類別都有自己的表單元素的組合/擴展。 – Neuwbs 2010-11-04 23:07:39

如果包裹在fieldset克隆的表單元素，幷包括相同的字段集內remove按鈕（或鏈接，或其他），你可以撥打：

$('.hideButtonClass').live('click', 
function(){ 
    $(this).parent().hide(); 
})

JS Fiddle demo

來源

2010-11-04 23:05:58

好的...這是我正在努力的形式。 www.pentco.com/test.php。我試圖獲得它，以便下拉菜單中的第一個選項 - 只顯示第一個框。第二選擇 - 第二個盒子，第三個選擇 - 第三個盒子。當你添加一個項目時，我只需要顯示初始選擇框。然後，用戶可以選擇另一個產品類別，並填寫與他們的選擇相關的表單元素...因此他們可能會選擇第二個選擇，第二個框會出現。 – Neuwbs 2010-11-04 23:23:40

感謝您的幫助。所以我使用了你的fieldset建議。但是我有兩個問題。首先，克隆的產品類別選擇下拉菜單在您選擇類別時不會更改表單元素。它只適用於原始產品類別下拉菜單。其次，是否有辦法獲得它，以便刪除按鈕只出現在克隆的元素上，而不是原始的元素？第三，克隆元素具有出現在文本輸入中的數字。有沒有辦法讓它們變成空白？請回到pentco.com/test.php – Neuwbs 2010-11-05 21:55:03

隱藏/取消隱藏Jquery中的克隆表單元素。怎麼樣？

回答

相關問題