需要帮助网格划分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表单插件的功能

回答

相关问题