gpt4 book ai didi

javascript - 使用 Javascript 扩展表单

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:51:30 24 4
gpt4 key购买 nike

http://www.quirksmode.org/dom/domform.html

我正在阅读上面提到的网站,并试图在我的项目中实现它。但是当我点击“获取更多字段”按钮时它不起作用。这是代码:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test Form</title>
<script type="text/javascript">

var counter = 0;

function moreFields() {
counter++;
var newFields = document.getElementById("readroot").cloneNode(true);
newFields.id = '';
newFields.style.display = 'block';
var newField = newFields.childNodes;
for (var i=0;i<newField.length;i++) {
var theName = newField[i].name;
if (theName)
newField[i].name = theName + counter;
}
var insertHere = document.getElementById("writeroot");
insertHere.parentNode.insertBefore(newFields,insertHere);
}

window.onload = moreFields;


</script>
</head>
<body>
<div id="readroot" style="display: none">

<input type="button" value="Remove review"
onclick="this.parentNode.parentNode.removeChild(this.parentNode);" /><br /><br />

<input name="cd" value="title" />

<select name="rankingsel">
<option>Rating</option>
<option value="excellent">Excellent</option>
<option value="good">Good</option>
<option value="ok">OK</option>
<option value="poor">Poor</option>
<option value="bad">Bad</option>
</select><br /><br />

<textarea rows="5" cols="20" name="review">Short review</textarea>


</div>

<form method="post" action="/cgi-bin/show_params.cgi">

<span id="writeroot"></span>

<input type="button" id="moreFields" value="Give me more fields!" />
<input type="submit" value="Send form" />

</form>
</body>
</html>

最佳答案

我解决了。在按钮代码下,我添加了 onclick="moreFields()" 并删除了 id 瞧!它就像一个魅力。

关于javascript - 使用 Javascript 扩展表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3952197/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com