JS得到div ,button标签内的value值

一：静态div

第一种：单独div

<div id="test" value="yes" > </div>

通过JS直接得到div的value属性是得不到的,输出为undefined 这是因为div没有value属性所以这样是得不到的

要用t1.getAttribute("value");

第二种：多个div

举例：这里用button举例。区别在于$("button")是获取到button标签。

$("div")或者设置div标签的唯一id即可获取div

<%@ page language="java" contentType="text/html; charset=UTF-8"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>Insert title here</title>
</head>
<body><!--循环输出了许多p，点那个获取到点击的那个的value 然后ajax发送出去这个value ？？怎么弄 --><div id="1"><button value="20">点我获取Value</button><button value="21">点我获取Value</button><button value="22">点我获取Value</button><button value="23">点我获取Value</button></div></body>
<scriptsrc="${pageContext.request.contextPath}/lib/jquery/jquery-1.11.1.js"type="text/javascript" charset="utf-8"></script><script type="text/javascript">$(document).ready(function() {$("button").click(function() {var bId = this.value;console.log(bId);$.ajax({});})})/*ajax请求，显得到当前点击的button的id和value（课程ID）  */
</script>
</html>

二：js遍历的button

无需关注ajax，这里的思路是将要获取的的标签添加onclick（）事件，并将value传入。通过点击事件获取到当前循环遍历出的标签内的值。

<button id="replybtns" onclick="replyUser('+resp[i].fromUserId+')"  type="button" class="btn btn-default right" value="'+resp[i].fromUserId+'">回复</button>'

$(function() {var courseId = "${courseId}";console.log(courseId);$.ajax({url:"${pageContext.request.contextPath}/discuss/getFrontReplyDiscuss.action",data:{"courseId" : courseId},dataTyoe:"json",success:function(resp){console.log(resp);var str = '';for(var i=0;i<resp.length;i++){str +='<div class="dis-content"> '+'<span class="name-desp" id="userName">'+resp[i].fromUser+'</span>'+'<span class="label label-default">回复</span>'+'<span class="name-desp" id="userName">'+resp[i].byReplyUser+'</span>'+'<span class="tie-time" id="pubTime">'+resp[i].publishTime+'</span>'+'<div>'+'<div class="panel panel-default">'+'<div class="panel-body" id="outline" value="'+resp[i].fromUserId+'"  >'+resp[i].content+'</div>'+'</div>'+' <button id="replybtns" onclick="replyUser('+resp[i].fromUserId+')"  type="button" class="btn btn-default right" value="'+resp[i].fromUserId+'">回复</button>'+'</div>'+'</div>'+'<span class="blank20"></span>'              }$("#rdiscuss").html(str);}}); });

获取方法：

                function replyUser(id){var bId1 = id;console.log(bId1+"我爱你");$.ajax({//发送请求});}

JS得到div ,button标签内的value值相关推荐

[html] button标签的type默认值是什么呢？
[html] button标签的type默认值是什么呢? Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 &qu ...
js jquery给input标签赋值、取值
js jquery给input标签赋值.取值 html代码赋值取值 html代码 <input type="text" id="name"/> ...
html标签里写js,JS事件（HTML标签内）
onkeypress事件表单里面的οnkeypress="JS代码"要与οnsubmit="return false;"联用. onclick事件请点击该文 ...
js 动态给style标签内添加样式
var style = document.createElement('style');style.type = 'text/css';style.appendChild(document.creat ...
js实现button标签转为click监听事件
公司通过海思板子做了一个纯html页面,登录用户数据通过sqlite3存储,所以登录按钮通过button标签实现的,现在要通过键盘回车登录操作,所以需要将button按钮转click事件操作 1,登录 ...
html中section与div,如何在html中的section标签内包含div标签
我正在制作一个完整版块的页面网站,如this.每个页面都有自己的标签.目前我的网页有4个部分(呈现不同的背景颜色).如何在html中的section标签内包含div标签我的第一部分有一个容器div, ...
[html] html中p标签内为何不能嵌套div标签？
[html] html中p标签内为何不能嵌套div标签? p 是行内 div 是块级个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主目录与歌谣一 ...
js修改div标签中的内容
<div id='divId'>初始文字</div><script>$(document).ready(function(e){$('#divId').html(' ...
Thymeleaf教程（十二）标签内，js中使用表达式
在文本中使用表达式当然,我们同样可以在标签内赋值. <p>Hello, [[${session.user.name}]]!</p> 效果和下面一样: <p>Hel ...

JS得到div ,button标签内的value值

JS得到div ,button标签内的value值

一：静态div

二：js遍历的button

JS得到div ,button标签内的value值相关推荐

最新文章

热门文章