JS和Jquery获取和修改label的值

获取值:

label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值:

var label=document.getElementById("id");
var value=label.value;
var value=$("#id").val();
可以这样:

JS:

var label=document.getElementById("id");
var value=label.innerText;
Jquery:

var value=$("#id").html();
赋值:

不像Java,JS和Jquery不能这样赋值:

var label=document.getElementById("id");
var value=label.innerText;
value="XXXXXX";

var value=$("#id").html();
value="XXXXXX";
可以这样赋值:

var label=document.getElementById("id");
label.innerText="XXXXXX";
$("#id").html("XXXXX");

  • 4
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
好的,下面是使用 jQuery 和 ajax 写用户管理的修改功能的代码示例: HTML: ```html <!-- 用户修改表单 --> <form id="edit-form"> <label for="username">用户名:</label> <input type="text" name="username" id="username"> <label for="email">邮箱:</label> <input type="email" name="email" id="email"> <input type="submit" value="修改"> </form> ``` JavaScript: ```javascript // 当页面载完成时执行 $(document).ready(function() { // 获取用户ID var userId = getQueryString('id'); // 获取用户信息 $.ajax({ url: '/api/users/' + userId, type: 'GET', success: function(data) { // 填充表单 $('#username').val(data.username); $('#email').val(data.email); } }); // 监听表单提交事件 $('#edit-form').submit(function(event) { // 阻止表单默认提交行为 event.preventDefault(); // 获取表单数据 var formData = $(this).serialize(); // 发送修改请求 $.ajax({ url: '/api/users/' + userId, type: 'PUT', data: formData, success: function(data) { // 修改成功,跳转到用户列表页 window.location.href = '/users'; } }); }); }); // 获取URL参数 function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null) { return decodeURIComponent(r[2]); } return null; } ``` 这里的 `/api/users` 是您的用户管理API的端点,支持 GET 和 PUT 方法。在页面载完成时,使用 `$.ajax` 函数发送一个 GET 请求,以获取修改的用户信息,并在成功回调函数中填充到表单中。在表单提交事件中,使用 `$.ajax` 函数发送一个 PUT 请求,以修改用户信息,并在成功回调函数中跳转到用户列表页。`getQueryString` 函数用于获取 URL 参数。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值