怎样用JS获得<label>标签中的值

Posted 2023-04-14

<label id='label'>我的值</label> <!-- 给label一个id然后js
去找-->

<script>
window.onload = function() 
    var label = document.getElementById('label'); // 查找一个id为label的节点
    alert(label.innerText) // 弹出 label的值
    alert(label.getAttribute('id')) // 弹出 label的属性

</script>

参考技术A js方法：document.getElementsByTagName('label')[0].innerHTML
jq方法： $('label').html()或$('label').text()就是获取第一个label标签的值
如果多个label最好加个ID或class类名 参考技术B 不清楚您说的值是里面的html还是什么？
如果您指的是html的话，如果jq就直接.html()，如果js就.innerHTML

如果您指的是对应的input的value值的话，你就直接获取它关联的input，再获取值就可以~jq：.val()，js：.value

js中怎样获取<tags:treeselect/>中value的值

js代码：var value=$("#stationSelect").val();能够获得1中的ID为stationSelect的value值
1、<div class="control-group">
<label class="control-label">站点:</label>
<div class="controls">
<form:select id="stationSelect" path="station" items="$fns:getStation()" htmlEscape="false" class="required">
</form:select>
</div>
</div>

但采用相同的方法，获取不了下面ID为station中的value值，为什么？ 哪位能告诉我下面<tags:treeselect/>中value的值如何获取？
<tags:treeselect id="station" name="station.id" value="$purchaseGas.station.id" labelName="station.name" labelValue="$purchaseGas.station.name "
title="站点" url="/oam/straw/stationTree" notAllowSelectParent="true" cssClass="input-small required" allowClear="true"/>

参考技术A

这个标签本身就没有value这个属性，你的value只是你自己定义的属性，因此你要有自定义属性的方式去获取，

js方法

document.getElementById('station').getAttribute('value')

jq方法

$('#station').attr('value')

参考技术B tags:treeselect 会在页面生成一些input标签 打开浏览器工具,可以看到input标签的id,取值即可 参考技术C var value=$("#station").val();

记得这行js放在body后，别放在前面html一开始，还没生成，你就要取值，那取不到的。

追问

不都是放在head中，也就是放在body之前的呀、？？？？

追答

你引入jquery 可以放在前面。
动态生成的东西，要取值，你不放在后面，没法取。
你看看这个网页的源代码，看js在body后面有没有。。。
动起手来，试试就知道了。