当我们为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赋值(调用函数)