设置了input的value值,但没有显示
时间: 2024-02-20 19:59:19 浏览: 53
如果您设置了input的value值,但是在页面上没有显示,可能是因为您没有将input元素添加到页面上。您可以使用以下代码将input元素添加到页面上:
```javascript
// 创建一个type为text的input
var input = $("<input type='text' />");
// 设置input的value值
input.val("Hello World");
// 将input添加到页面中
$("body").append(input);
```
这样,您就可以在页面上看到显示值为"Hello World"的input元素了。如果您希望在设置value值之后,不让input元素显示在页面上,可以将input元素设置为隐藏或者删除它,具体方法可以参考上面的回答。
相关问题
jquery动态设置input的value,但没有显示出来
如果您想要动态设置input的value值但不想让它在页面上显示出来,可以使用以下两种方法:
1. 设置input的type为hidden
```javascript
// 创建一个type为hidden的input
var input = $("<input type='hidden' />");
// 设置input的value值
input.val("Hello World");
// 将input添加到页面中
$("body").append(input);
```
2. 将input的样式设置为display:none
```javascript
// 创建一个type为text的input
var input = $("<input type='text' />");
// 设置input的value值
input.val("Hello World");
// 将input的样式设置为display:none
input.css("display", "none");
// 将input添加到页面中
$("body").append(input);
```
这样,即使您设置了input的value值,但用户在页面上是看不到它的。
jq动态为input设置了的value值,但没有显示
如果您使用jQuery动态设置了input的value值,但是在页面上没有显示,可能是因为您没有将input元素添加到页面上。您可以使用以下代码将input元素添加到页面上:
```javascript
// 创建一个type为text的input
var input = $("<input type='text' />");
// 设置input的value值
input.val("Hello World");
// 将input添加到页面中
$("body").append(input);
```
这样,您就可以在页面上看到显示值为"Hello World"的input元素了。如果您希望在设置value值之后,不让input元素显示在页面上,可以将input元素设置为隐藏或者删除它,具体方法可以参考上面的回答。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)