如何提交正确的div元素（不是隐藏的div）？

我有以下代码工作正常，但问题是它总是提交第一个div（文章），即使它是隐藏的。我的问题是如何提交表单中的div和表单中的表单和元素？（如果我选择音乐的单选按钮，我要提交的音乐事业部的投入要素不是第DIV。谢谢。如何提交正确的div元素（不是隐藏的div）？

$(document).ready(function(){ 
    $("input[name$='itemlist']").click(function() { 
     var selection = $(this).val(); 
     $("div.box").hide(); 
     $("#"+selection).show(); 
    }); 
}); 

<!--radio buttons--> 
<div id="articleselection"><input name="itemlist" type="radio" value="article" /> Article/Book </div> 
<div id="musicselection"><input name="itemlist" type="radio" value="music" /> Music</div> 


<!--article div starts--> 
<div id="article" class="box"> 
<table class="fieldgroup"> 
<tr><td>Journal Title: <input id="JournalTitle" name="JournalTitle" type="text" size="60" class="f-name" tabindex="1" value="JournalTitle"> 
</table> 

<table class="fieldgroup"> 
<tr><td>Article Author: <input id="ArticleAuthor" name="ArticleAuthor" type="text" size="40" class="f-name" tabindex="2" value="<"ArticleAuthor"></td></tr> 
</table> 
</div> 

<!--music div starts--> 
<div id="music" class="box"> 
<table class="fieldgroup"> 
<tr><td>Music Title: <input id="Music Title" name="Music Title" type="text" size="60" class="f-name" tabindex="1" value="Music Title"> 
</table> 

<table class="fieldgroup"> 
<tr><td> Music Author: <input id="MusicAuthor" name="Music Author" type="text" size="40" class="f-name" tabindex="2" value="<"MusicAuthor"></td></tr> 
</table> 
</div>

来源

2010-06-02 codeLearner

禁止在div框是隐藏的输入元素。当输入被禁用时，它们不会出现在帖子中。

$(document).ready(function(){ 
    $("input[name$='itemlist']").click(function() { 
     var selection = $(this).val(); 
     $("div.box").hide(); 
     $("input, select, textarea", $("div.box")).attr("disabled", true); 
     $("#"+selection).show(); 
     $("input, select, textarea", $("#"+selection)).attr("disabled", false); 
    });

来源

2010-06-02 16:29:03

如何动态禁用div中的输入元素（基于哪个单选按钮被选中）？ – codeLearner 2010-06-02 17:29:25

上面的代码会禁用隐藏div中的输入，就像您请求的那样。你还问什么？ – 2010-06-02 17:51:01

代码工作正常，除了我选择的单选按钮也隐藏了所有输入元素。我想启用它们（我选择的div框中的输入元素）。 – codeLearner 2010-06-02 17:59:52

你可以调用$(...).remove()从DOM树完全删除元素。

另外，您也可以设置为禁用<input>元素，这将防止它们被提交，就像这样：

$(...).find(':input').attr('disabled', true);

编辑：您可以删除所有隐藏0表格前个元素提交这样的：

$('form').submit(function() { 
    $(this).find(':input:hidden').remove(); 
});

来源

2010-06-02 16:28:50 SLaks

我试过.remove（）但是当我点击另一个单选按钮时，它不再显示。 – codeLearner 2010-06-02 17:15:11

你可以在提交表单前调用'.remove（）'。 – SLaks 2010-06-02 17:16:41

请问你可以寄一些样品代码吗？ – codeLearner 2010-06-02 17:30:12

如何提交正确的div元素（不是隐藏的div）？

回答

相关问题