从隐藏字段获取值- JavaScript

Get value from hidden field - JavaScript

本文关键字：JavaScript 获取 隐藏 字段      更新时间：2023-09-26

我有一个<input type="hidden" class="Key" value="1m2.123.mds.34g" />

我如何得到不使用jQuery的值?

使用jQuery，我只需要写:

var parse = $('.Key').attr("value")
alert(parse);

我需要这在纯JavaScript，也许使用RegEx?我将执行这个脚本上的txt文件，其中将包含这样的行。

check this 

window.onload=function(){
  var hidden=document.getElementsByClassName("Key");
  alert(hidden[0].value);
}
<input type="hidden" class="Key" value="1m2.123.mds.34g" />

var inputs = getElementsByClassName('Key');
    for(var i=0; i<inputs.length;i++) {
        console.log(inputs[i].value);
    }

轻松!只需使用getElementsByClassName。例句:

document.getElementsByClassName('Key')[0].value

或者如果你必须通过id获取值你可以使用getElementById

document.getElementById('idHere').value

这里有4种获取.Key值的方法。我还添加了一个更好的方法来做它在jQuery以及使用方法val()。

片段

var k = document.querySelector('.Key').value;
console.log(k);
// This works if .Key is inside a <form>
var e = document.forms[0].elements[0].value;
console.log(e);
var y = document.getElementsByTagName('input')[0].value;
console.log(y);
var s = document.getElementsByClassName('Key')[0].value;
console.log(s);
//BTW there's a better way of finding value with jQuery
var $Key = $('.Key').val();
console.log($Key);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id='f1'>
  <input type="hidden" class="Key" value="1m2.123.mds.34g" />
</form>

谢谢大家。我解决这个问题的方法如下:

var regEx = /class="Name"+ value="(.*?)"/;
newName = result.match(regEx)[1];
var regEx2 = /class="Key"+ value="(.*?)"/;
var key = result.match(regEx2)[1];
Alert(key + ' ' + newName );
相关文章：