当我们为input赋值时,有时候的赋值为函数形式。以下示例为为input赋值为guid。
这里我们需要注意:
①使用原生js和使用jQuery赋值的区别,原生js:document.getElementById('testId').value=guid;
②使用jQuery赋值时,当使用input的id时,如何进行赋值:$('#testId').val(guid);
③使用jQuery赋值时,当使用input的name时,进行赋值:$('input[name="testName"]').val(guid);
④记得最后调用函数执行。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcdn/ajax/libs/jquery/3.6.0/jquery.js"></script>
</head>
<body>
<from>
<input type="text" id="testId" name="testName" value="">
</from>
<script>
function textGuid() {
function S4() {
return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
}
var guid = (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
//这里注意使用原生js和使用jQuery的区别
// document.getElementById('testId').value=guid;
// $('#testId').val(guid);
$('input[name="testName"]').val(guid);
}
//记得调用
textGuid();
</script>
</body>
</html>
更多推荐
jQuery为input赋值(调用函数)
发布评论