JS和jQuery获取和修改label的值的示例代码



一、label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值,下面有个不错的示例,希望大家可以学习下

二、获取值: 

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"); 
好的,下面是使用 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 参数。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值