無法使用javascript在onclick（）上添加新文本框並禁用元素
[英]unable to add new text box on onclick() using javascript and disable an element
問題描述
調用onclick事件后，我無法添加新的輸入框，有沒有辦法在輸入框出現后禁用選擇選項？ 對於這樣的菜鳥問題，我感到很抱歉，但是我已經死了，嘗試了一個小時。 請鏈接到一個我可以輕松地通過示例學習JS的地方。
<script>
function funcGet(val)
{
if(val=="Create new category")
{
var element = document.createElement("input");
element.setAttribute("type", "input");
element.setAttribute("name", "new_cat");
var foo = document.getElementById("cat");
foo.appendChild(element);
}
}
</script>
<div name="cat">
<form method="post" action="">
<input type="text" placeholder="Enter a topic name" name="word"><br/>
<select name = "category" onchange="funcGet(this.value);">
<?php
displayCat();
?>
</select>
</div>
<select name = "site_type">
<?php
displaySitetype();
?>
</select>
<input type="submit" value="Submit data">
</form>
4 個解決方案
解決方案1
0 2013-04-09 12:58:06
這里
var foo = document.getElementById("cat"); 給空
id cat不存在任何元素
錯誤是：TypeError： foo is null
解決方案2
0 2013-04-09 13:01:03
更改此：
<div name="cat">
對此：
<div id="cat">
解決方案3
0 已采納 2013-04-09 13:12:17
嘗試將<div name="cat">更改為
<div id="cat">
.getElementById僅適用於ID，
如
document.getElementById("cat");
如果要離開<div name="cat"> ，則應改用.getElementsByTagName[0] 。
作為示例性學習JavaScript的鏈接，我推薦W3Schools JavaScript Tutorial ，因為它們可以讓您在他們的網站上學習代碼時嘗試代碼。 一旦熟悉起來，就可以參考Mozilla開發人員網絡 。
解決方案4
0 2013-10-08 05:13:24
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>
Untitled Document
</title>
<script>
function generateRow() {
var d=document.getElementById("div");
d.innerHTML+="<td><input type='text'<td><input type='text'<td><input type='text' name='food'name='food'name='food'name='food'>";
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<input name="food" type="text" id="food" />
</label>
<td>
<input name="food" type="text" id="food" />
</td>
<td>
<input name="food" type="text" id="food" />
</td>
<div id="div">
</div>
<td>
<input type="button" value="Add" onclick="generateRow()"/>
</td>
<td>
<label>
<input type="submit" name="Submit" value="Submit" />
</label>
</td>
</form>
</body>
添加3個html文本框，然后使用javascript函數和onclick按鈕將總和放在第三位
[英]Add 3 html text box and put sum in third using javascript function and onclick button
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.