如何通过 name 属性读出 <input> 值答案

【问题标题】：How can I read out an <input> value via the name attribute如何通过 name 属性读出 <input> 值
【发布时间】：2013-05-12 14:59:57
【问题描述】：

我的 HTML 中有以下输出

<input type="hidden" value="28" name="variation_id">

这个值是动态生成的。我想写一个依赖于这个值的 If else 语句，即“28”。我不太确定如何定位这个值，因为它没有 ID。是否有代码可以通过“名称”属性读出这个值？

我想用 Javascript 编写 if else 语句。

【问题讨论】：

正如一个侧面，value 属性中的数字实际上是一个字符串。根据您的使用方式，您可能需要运行 parseInt([value]);（将 [value] 替换为值）以获得可以使用的数字。

标签： javascript html html-input

【解决方案1】：

假设您只有一个带有 name 的元素：

var elem = document.getElementsByName('variation_id')[0];

if (elem.value == '28') {
    // it has that value, do something
}
else {
    // it doesn't have that value, do something else.
}

或者，在更新的浏览器中：

var elem = document.querySelector('input[name="variation_id"]');

if (elem.value == '28') {
    // it has that value, do something
}
else {
    // it doesn't have that value, do something else.
}

参考资料：

【讨论】：

【解决方案2】：

就像这个

 var val = document.getElementsByName('variation_id')[0].value;

【讨论】：

【解决方案3】：

你需要的是：

var value = document.getElementsByName("variation_id")[0].value;

【讨论】：