将只提交可见的Div表单元素表单、元素、Div

2023-09-03 12:22:31 作者:哥单身照样嗨

我已经使用JavaScript隐藏了包含表单元素的div

<script type="text/javascript">
<!--
function showMe (it, box) {
    var vis = (box.checked) ? "block" : "none";
    document.getElementById(it).style.display = vis;
}
//-->
</script>

选中某些复选框后,将显示或显示相应的div

<form>
    <input type="checkbox" name="modtype" value="value1" onclick="showMe('div1', this)" />value1
    <input type="checkbox" name="modtype" value="value2" onclick="showMe('div2', this)" />value2
    <input type="checkbox" name="modtype" value="value3" onclick="showMe('div3', this)" />value3
    <input type="checkbox" name="modtype" value="value4" onclick="showMe('div4', this)" />value4
    <input type="checkbox" name="modtype" value="value5" onclick="showMe('div5', this)" />value5
    <div class="row" id="div1" style="display:none">Show Div 1 <input type="text" name="valueone" id="valueone" /></div>
    <div class="row" id="div2" style="display:none">Show Div 2 <input type="text" name="valuetwo" id="valueone" /></div>
    <div class="row" id="div3" style="display:none">Show Div 3 <input type="text" name="valuethree" id="valueone" /></div>
    <div class="row" id="div4" style="display:none">Show Div 4 <input type="text" name="valuefour" id="valueone" /></div>
    <div class="row" id="div5" style="display:none">Show Div 5 <input type="text" name="valuefive" id="valueone" /></div>
    <br />
    <input type="submit" name="button" id="button" value="Submit" />
</form>
在上面的例子中,我使用了5个div,其中有5个输入,如果用户选择了两个复选框并提交表单,我不希望其他3个输入字段都是空的。而只应提交选定的%2输入字段的值。

推荐答案

简道云提交表单时如何使控件只允许输入指定位数

您可以尝试禁用空白字段,因为禁用的字段不随表单一起提交。

 
精彩推荐