Javascript 嵌套表单以禁用带有选择框HTML的文本字段_Javascript_Html_Forms

Javascript 嵌套表单以禁用带有选择框HTML的文本字段

javascript html forms

Javascript 嵌套表单以禁用带有选择框HTML的文本字段,javascript,html,forms,Javascript,Html,Forms,我有form.html和entry.php代码首先，我想使用javascript禁用带有选择框的textfield，然后提交它以提供输出。如果我不使用此代码form.html，则可以成功地在web浏览器中显示，但如何使用一个提交按钮提交它 form.html <html> <head> <script src="jquery.js"></script> <script> $(document).ready(function(){

我有form.html和entry.php代码

首先，我想使用javascript禁用带有选择框的textfield，然后提交它以提供输出。如果我不使用此代码

form.html，则可以成功地在web浏览器中显示，但如何使用一个提交按钮提交它

form.html

<html>
<head> 
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
    $('.group').hide(); 
    $('#option1').show();
    $('#chooseForm').change(function() {
        $('.group').hide();
        $('#'+$(this).val()).show();
    })  

});
</script>
</head>
<body>
<form name="form1" method="post" action="entry.php">

    <select id="chooseForm" name="select">
        <option value="option1">Form1</option>
        <option value="option2">Form2</option>
        <option value="option3">Form3</option>
    </select>

    <form id="option1" class="group">
        <input name="a" value="form A"><br>
    </form>

    <form id="option2" class="group">
        <input name="a" value="form A"><br>
        <input name="b" value="form B"><br>
    </form>

    <form id="option3" class="group">
        <input name="a" value="form A"><br>
        <input name="b" value="form B"><br>
        <input name="c" value="form C"><br>
    </form>
<input value="Save" name="submit" type="submit"><br>
</form>
</body>
</html>


$（文档）.ready（函数（）{
$（'.group'）.hide（）；
$（'#option1'）.show（）；
$（'#chooseForm'）。更改（函数（）{
$（'.group'）.hide（）；
$（'#'+$（this.val（））.show（）；
})  
});
表格1
表格2
表格3

entry.php

<?php
$select = $_POST['select'];
$a = $_POST['a'];
$b = $_POST['b'];
$c = $_POST['c'];

echo $select;
echo "<br>";
echo $a;
echo "<br>";
echo $b;
echo "<br>";
echo $c;
?>

没有嵌套表单，任何人都可以解决此代码吗？谢谢：）

首先，。
据我所知，这个想法是将一些元素分组。如果是，则用

s更换内部

标签

另一个问题是，您希望在不同的部分中使用相同的输入元素名称。基本上，如果

name

不是唯一的，它将使用最后一次出现的值进行更新。例如：

<input type="text" name="a" value="val 1" />
<input type="text" name="a" value="val 2" />

$\u POST['a']

将包含

val 1

值，因为第二个文本框已禁用。

在您的情况下，每次隐藏分区时，都应该禁用组中的所有控件。下面是操作方法：。

有人能解决这个问题吗？

<input type="text" name="a" value="val 1" />
<input type="text" name="a" value="val 2" disabled />