HTML Value finding

HTML Value finding

本文关键字：finding Value HTML      更新时间：2023-09-26

我知道"this.value"可以得到<option>标签的值：

<select name="users" onchange="showUser(this.value)">
  <option value="">Select a person:</option>
  <option value="1">Peter Griffin</option>
  <option value="2">Lois Griffin</option>
  <option value="3">Joseph Swanson</option>
  <option value="4">Glenn Quagmire</option>
  </select>

但是如何从<a>标签中获取值（value="IE"），因为这不起作用：

<a href="#" value="IE" onclick="showUser(this.value)">Click</a>

a标记中的属性value不存在。您可以在中查看W3C参考https://www.w3.org/TR/html-markup/a.html#a-属性。

你可以使用HTML5数据集。（data-value="IE"）。

您不需要在a标记中添加id属性。

只需移除onclick="showUser(this.value)"中的.value即可。通过使用this，您可以访问标签的所有属性。

类似于纯JavaScript的东西：

function showUser(elem) {
  alert(elem.getAttribute("data-value"));
}
<a href="#" data-value="IE" onclick="showUser(this)">Click</a>

使用getAttribute，

<a href="#" value="IE" onclick="alert(this.getAttribute('value'))">Click</a>

检查jsfiddle示例

也许这种方法会帮助您：

<a href="#" value="IE" onclick="showUser(event)">Click</a>

function showUser(event){
    console.log(event.target.value);
 }

在纯Javascript中实现这一点的最简单方法可能是

document.getElementById('anyId').value

HTML标记不会算作对象，而是一个元素，因此您希望使用getElement函数。在您的情况下，此代码的完整实现将是：

<a href="#" value="IE" id="click" onclick="showUser(document.getElementById('click').value)">Click</a>

您可以使用rel属性并在其中分配ur值，而不是使用我不确定是锚点标记的属性的value属性。现在，您可以很容易地获得您的值，如下所示：$（'#yourid'）.attr（'rl'）；

希望能有所帮助。

你可以试试这个：

<a href="#" value="IE" onclick="showUser(this)">Click</a>
function showUser(elem) {
  console.log(elem.getAttribute("value"));
}
相关文章：