嵌套表單可禁用帶有選擇框HTML的文本字段
[英]Nested Form to disable text field with selection box HTML
問題描述
我有代碼form.html和entry.php
首先，我想使用javascript禁用帶有選擇框的文本字段，然后提交以提供輸出。 如果我不使用此代碼， <form name="form1" method="post" action="entry.php"> 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>
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;
?>
沒有嵌套格式的人可以解決此代碼嗎？ 謝謝 ：）
1 個解決方案
解決方案1
0 2013-10-17 07:47:12
首先， 您不能嵌套表格 。
據我了解，該想法是對一些元素進行分組。 如果是這樣，則將內部<form>標記替換為<div> 。
另一個問題是您想通過不同的部分使用相同的輸入元素名稱。 基本上，如果name不是唯一的，則它將使用最后一次出現的值進行更新。 例如：
<input type="text" name="a" value="val 1" />
<input type="text" name="a" value="val 2" />
發布上述內容后， $_POST['a']將包含值val 2值。 即使第二個文本框被隱藏。 因此，您可以使文本框名稱唯一，也可以禁用隱藏的文本框名稱。 disabled屬性將使控件無法用於用戶輸入，並且也不會出現在$_POST數組中。 因此，在這種情況下：
<input type="text" name="a" value="val 1" />
<input type="text" name="a" value="val 2" disabled />
$_POST['a']將包含val 1值，因為第二個文本框已禁用。
對於您的情況，每次隱藏部分時，都應禁用組中的所有控件。 方法如下： 禁用div中的所有表單元素 。
如何在HTML中動態生成選擇框和文本字段
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.