作者abgne (abgne)
看板Web_Design
標題Re: [問題] 請問javascript動態產生input tag
時間Wed Feb 22 16:47:43 2006
document.all是只有IE系列來支援的
改用document.getElementById()吧
試試下面的....(我沒裝FF)
<html>
<head>
</head>
<body>
檔案數<select size="1" name="D1">
<option selected value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="button" value="確定" name="B2" onClick="change_it();"> </p>
<form name="form1" method="POST" enctype="multipart/form-data" action="">
<span id="s1">檔案1<input type="file" name="F1" size="20"><br></span>
<p><input type="submit" value="提交" name="B1"></p>
</form>
</body>
</html>
<script>
function change_it() {
var innerStr="";
var str1 = "檔案";
var str2 = "<input type='file' name='F";
var str3 = "' size='20'><br>";
for (var i=1;i<=document.getElementById("D1").value;i++)
innerStr = innerStr + str1 + i + str2 + i + str3;
document.getElementById("s1").innerHTML = innerStr;
}
</script>
※ 引述《kakashiliu (kakashi)》之銘言：
: 以下的方法 我試過可以在IE裡面使用
: 但是firefox就不行了...
: 想請教為什麼在firefox裡面不行呢 我確定我有打開javascript...
: 還是說有什麼其他的方法可以做到<(_ _)>
: <html>
: <head>
: </head>
: <body>
: 檔案數<select size="1" name="D1">
: <option selected value="1">1</option>
: <option value="2">2</option>
: <option value="3">3</option>
: </select>
: <input type="button" value="確定" name="B2" onClick="change_it();"> </p>
: <form name="form1" method="POST" enctype="multipart/form-data" action="">
: <span id="s1">檔案1<input type="file" name="F1" size="20"><br></span>
: <p><input type="submit" value="提交" name="B1"></p>
: </form>
: </body>
: </html>
: <script>
: function change_it() {
: var innerStr='';
: var str1 = '檔案';
: var str2 = '<input type="file" name="F';
: var str3 = '" size="20"><br>';
: for (var i=1;i<=document.all['D1'].value;i++)
: innerStr = innerStr + str1 + i + str2 + i + str3;
: document.all['s1'].innerHTML = innerStr;
: }
: </script>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 202.154.192.30
1F：推 kakashiliu:原來如此...我對javascript不太熟^^" 02/23 10:54
2F：→ abgne:要把檔案數<select size="1" name="D1">的name改為id 02/24 18:37