📌  相关文章
📜  jquery 设置文本框值 - Javascript (1)

📅  最后修改于: 2023-12-03 14:43:19.050000             🧑  作者: Mango

jQuery设置文本框值 - JavaScript

在网站开发过程中,设置表单元素的值是很常见的操作之一。使用 jQuery 可以轻松地操作表单元素,包括设置文本框的值。本篇文章将介绍如何使用 jQuery 设置文本框的值。

前提条件

在本篇文章中,我们将使用以下环境:

  • HTML5
  • JavaScript
  • jQuery 3.x
设置文本框的值

jQuery 提供了 .val() 方法来设置表单元素的值。可以使用该方法将文本框的值设置为一个字符串或回调函数的返回值。

设置文本框的值为字符串

使用 .val() 设置文本框的值为字符串非常简单。以下是示例代码:

$(document).ready(function(){
  // 设置文本框的值为 'Hello World'
  $('#my-input').val('Hello World');
});

在上述示例中,#my-input 是一个 ID 为 my-input 的文本框元素。调用 .val() 方法并传入一个字符串 'Hello World',就可以将该文本框的值设置为 'Hello World'

设置文本框的值为回调函数的返回值

实际上,使用回调函数来设置文本框的值更为常见。以下是示例代码:

$(document).ready(function(){
  // 设置文本框的值为当前日期和时间
  $('#my-input').val(function(){
    return new Date().toLocaleString();
  });
});

在上述示例中,调用 .val() 方法并传入一个回调函数。该函数返回一个包含当前日期和时间的字符串,然后该字符串被设置为文本框的值。

小结

本篇文章介绍了如何使用 jQuery 设置文本框的值。可以使用 .val() 方法将文本框的值设置为一个字符串或回调函数的返回值。设置文本框的值通常使用的是回调函数,因为这样可以动态地生成文本框的值。