用jquery 怎么给文本框赋值

发布网友发布时间：2022-05-02 19:21

我来回答

共6个回答

懂视网时间：2022-05-15 01:57

下面我就为大家分享一篇js和jQuery以及easyui实现对下拉框的指定赋值方法，具有很好的参考价值，希望对大家有所帮助。

js实现：

1. 通过让第i个option为selected实现选中第i个，代码如下：（id为下拉框id）

（1） document.getElementById("id").options[i].selected=true;

（2）document.getElementById("messagetoid").selectedIndex = 1;（选中第1个option）

2. 通过判别option的value值来实现，代码如下：

document.getElementById("messagetoid").value="";（选中value值为空的option）

jQuery实现：

1.通过选中第i个option，类似js实现的1，代码如下：

$("#id").get(0).selectedIndex =

1;（选中第1个option）

2. 通过判别option的value值来实现，有两种方法，代码如下：

（1）$("#id").val("123");（选中value值为"123"的option）

（2）$("#messagetoid").attr("value", "");（选中value值为空的option）

EasyUI实现：

$('#id').combobox('setValue','A');（选中value值为A的option，）

上面是我整理给大家的，希望今后会对大家有帮助。

如何解决easyui日期时间框ie的兼容的实际问题（详细教程）

详细为你讲解Immutable及 React 中实践技巧

如何解决VUEX兼容IE上的报错问题（详细教程）

在Vuex中无法观察到值变化的解决方法是什么？

在Node.js中使用readline如何实现逐行读取、写入文件内容

在Node.js中如何使用readline模块与util模块

详细讲解使用Node.js写一个简单的命令行工具（详细教程）

在Node.js中使用cheerio制作简单的网页爬虫（详细教程）

在vue中如何实现父组件向子组件传递多个数据

在vue中如何解决无法动态修改jqgrid组件 url地址的问题

在React中使用Native如何实现自定义下拉刷新上拉加载的列表

热心网友时间：2022-05-14 23:05

方法/步骤
新建一个html文档，可以用任何文本编辑器，这里演示用Dreamweaver软件，新建并保存html文档。

然后写html代码，写一个input文本输入框id为inputId，然后写一个按钮，id为buttonId，这里要做的是点击按钮就为输入框赋值。

然后把输入框和按钮的css样式写好，当然不写样式也可以，这里主要是为了美化一下。

最后就是关键步骤了，引入jQuery文件，注意路径一定要正确，然后写jQuery代码，其实就用到了val(“这里是赋值内容”)方法。

打开浏览器测试一下，点击按钮之后输入框内自动输入了赋值的内容。

热心网友时间：2022-05-15 00:23

可以通过两种方法来给文本框赋值：

1.通过jquery方式的val来赋值
$("#realname").val("100");//赋值
2.通过原生js给文本框value来赋值
document.getElementById("realname").value="100";

热心网友时间：2022-05-15 01:58

<input type="text" id="userName" />
$("#userName").val("小明")

热心网友时间：2022-05-15 03:49

var i = $(".num").val();
$(".num").attr("value", i);

热心网友时间：2022-05-15 05:57

$("#txt1").blur( function () {
$("#txt2").val("一级");
$("#txt3").val("优");
}
});