HTML在表单中添加字段,javascript – 为html表单创建输入字段…但也为它添加“标签”?...

我有一个

HTML表单.单击该按钮时,

javascript函数会添加一个新字段.我正在尝试让该功能也为该字段添加“标签”.

我已经尝试过使用document.createElement(“LABEL”),但这不允许我更改innerHtml(或者我可能做错了..),也没有添加结束

这是我的代码.谢谢!

var instance = 2;

function newTextBox(element)

{

instance++;

// Create new input field

var newInput = document.createElement("INPUT");

newInput.id = "text" + instance;

newInput.name = "text" + instance;

newInput.type = "text";

instance++;

document.body.insertBefore(document.createElement("BR"), element);

document.body.insertBefore(newInput, element);

}

First name:

Last name:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在前端使用 HTML 实现选择一张数据表的字段进行填充,需要使用后端的 Java 代码来实现与数据库的交互。一般来说,可以使用 Java 的 JSP 或者 Servlet 技术来实现数据的传输和交互。 以下是一个简单的示例,展示了如何在前端使用 HTMLJavaScript 实现选择一张数据表的字段进行填充,同时使用后端的 Java 代码来实现与数据库的交互。 首先,我们需要在 HTML 创建一个输入表单,并为其指定一个唯一的标识符,例如: ```html <form id="myForm"> <label for="input1">输入框1:</label> <input type="text" id="input1" name="input1"><br> <label for="input2">输入框2:</label> <input type="text" id="input2" name="input2"><br> <label for="field">选择字段:</label> <select id="field" name="field"> <option value="">请选择字段</option> <option value="field1">字段1</option> <option value="field2">字段2</option> <option value="field3">字段3</option> <!-- 其他选项 --> </select> <input type="button" value="填充" onclick="fillInput()"> </form> ``` 上述代码,我们创建了一个输入表单,并为其指定了一个唯一的标识符`myForm`。在表单,我们创建了两个输入框`input1`和`input2`,以及一个下拉选项`field`,用于选择数据表的字段。同时,我们创建了一个按钮,用于触发填充操作。 接下来,我们可以使用 JavaScript 代码来实现在选择数据表字段时,自动填充所选字段对应的值的功能。例如: ```javascript // 获取表单元素 var form = document.getElementById("myForm"); // 获取选择字段的下拉选项 var field = form.elements["field"]; // 填充输入框的方法 function fillInput() { // 获取选字段名 var fieldName = field.value; // 发送请求,获取字段值 var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { // 解析响应数据,获取字段值 var fieldValue = xhr.responseText; // 将字段值填充到相应的输入 if (fieldName == "field1") { form.elements["input1"].value = fieldValue; } else if (fieldName == "field2") { form.elements["input2"].value = fieldValue; } // 其他字段对应的输入框 } }; xhr.open("GET", "/getData?field=" + fieldName, true); xhr.send(); } ``` 在上述代码,我们首先获取了表单元素,并使用`form.elements`属性获取了选择字段的下拉选项。然后,我们使用`XMLHttpRequest`对象发送了一个 GET 请求请求的 URL 携带了选择的字段名`fieldName`。 在请求响应,我们解析了响应数据,获取了字段值。然后,我们将字段值填充到相应的输入,使用了`form.elements`属性来获取输入框元素,并使用`value`属性来设置输入框的值。 在后端的 Java 代码,我们需要根据选择的字段名来查询数据库,获取对应的字段值。以下是一个简单的 Servlet 的示例代码,用于处理前端发来的 GET 请求,并返回对应的字段值。 ```java @WebServlet("/getData") public class GetDataServlet extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 获取选择的字段名 String fieldName = request.getParameter("field"); // 查询数据库,获取字段值 String fieldValue = queryFieldValue(fieldName); // 返回响应数据 response.setContentType("text/plain"); response.setCharacterEncoding("UTF-8"); response.getWriter().write(fieldValue); } // 查询字段值的方法 private String queryFieldValue(String fieldName) { // 根据字段名查询字段对应的值,例如从数据库查询,或者使用一些预定义的映射关系等等。 // 这只是一个示例,返回一个固定的字符串。 return "字段" + fieldName.substr(5) + "的值"; } } ``` 在上述代码,我们使用`@WebServlet`注解将 Servlet 映射到 URL`/getData`上。在`doGet`方法,我们获取了请求参数的选择字段名`fieldName`,然后调用了`queryFieldValue`方法来查询数据库,获取对应的字段值。最后,我们使用`response.getWriter().write`方法将字段值作为响应数据返回给前端。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值