需要幫助網格劃分2 JQuery表單插件的功能

讓我先說一句，我不是程序員。所以，請耐心等待......我的調查對於編程大師來說可能聽起來有點「唔」。無論如何，我正試圖將兩個JQuery腳本的功能融合在一起。一個腳本隱藏表單的一部分（以div表示），直到用戶從下拉列表中選擇他們想要的類別。當用戶選擇一些東西時，與選擇相關的div就會顯示出來。另一個腳本允許用戶再次添加/刪除（或換句話說，克隆）同一個表單。同時，我希望克隆的初始下拉列表允許用戶再次選擇另一個或同一類別，並添加/刪除與他們選擇的類別相關聯的表單。需要幫助網格劃分2 JQuery表單插件的功能

它有點像一個有3個產品類別的商店。一位顧客進來並希望從一個或全部3個產品類別的各種產品可能性中獲得一個詢價。

因此，例如，用戶從初始下拉列表中選擇「category_1」。與類別1相關聯的表單片段顯示出來並且用戶將其填入。用戶「添加」另一個產品，克隆相同的表單片段，再次填寫。在所有這些之下，最初的下拉列表也被克隆，他們可以從中選擇「category_2」。與類別2相關聯的表單片段顯示出來，並且用戶可以填寫它並「添加」另一個類別2產品表單片段，就像他們對類別1所做的一樣。

我希望這是有道理的。無論如何，這些腳本可以自行工作。當我一起使用它時，就是我遇到問題的地方。

這是我使用的第一個腳本。

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('#category_1').hide(); 
    $('#category_2').hide(); 
    $('#category_3').hide(); 
    $("#thechoices").change(function(){ 
    if(this.value == 'all') 
    {$("#boxes").children().show();} 
    else 
    {$("#" + this.value).show().siblings().hide();} 
    }); 

    $("#thechoices").change(); 
    }); 
</script>

這是第二個腳本。我從這裏得到它：http://vipullimbachiya.com/?p=209。它使用一個單獨的.js文件。下面的腳本激活它。

<script type="text/javascript"> 
    $(document).ready(function() { 
    $(".clone_another").EnableMultiField({ 
     linkText: "Add Item +", 
     removeLinkText: "Remove Item -", 
     confirmOnRemove: false, 
     }); 
    }); 
</script>

這是我的基本標記。

<form> 
    <div class="clone_another"> 
     <select id="thechoices"> 
      <option value="category_1">Category 1</option> 
      <option value="category_2">Category 2</option> 
      <option value="category_3">Category 3</option> 
     </select> 
     <div id="boxes"> 
      <div id="category_1"> 
      <p>Box 1 stuff...</p> 
      </div> 
      <div id="category_2"> 
      <p>Box 2 stuff...</p> 
      </div> 
      <div id="category_3"> 
      <p>Box 3 stuff...</p> 
      </div> 
     </div> 
    </div> 
</form>

問題是第一個腳本有效。它根據最初下拉菜單中選擇的內容隱藏和取消隱藏表單片段。不起作用的是克隆表單片段和初始下拉的能力，以便用戶可以對另一個產品進行另一個查詢。我知道我在這裏錯過了一些很大的東西，但我知識不夠，無法知道在哪裏尋找或如何解決問題。我非常感謝在這個問題上給我的任何見解。

來源

2010-11-01 Neuwbs

它如果有幫助，我實際上使用這個東西的形式在這裏： www.pentco.com/form.php。

謝謝。

來源

2010-11-01 19:01:57 Neuwbs

需要幫助網格劃分2 JQuery表單插件的功能

回答

相關問題