欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js實(shí)現(xiàn)input的賦值小結(jié)

 更新時間：2023年12月05日 10:36:36   作者：864記憶  
這篇文章主要介紹了js實(shí)現(xiàn)input的賦值問題小結(jié),在實(shí)際的開發(fā)中,為了頁面的美觀,可能用到一些框架,比如EasyUI框架,文中介紹了easyui的input框賦值代碼,感興趣的朋友一起看看吧

js實(shí)現(xiàn)input的賦值

input框賦值

如下所示，是一個文本框的html代碼，實(shí)際開發(fā)中，要涉及到將數(shù)據(jù)庫中的數(shù)據(jù)取出然后放入input框中。

<input  id="name1"  name="teacherName" type="text"  />

通過以下js代碼可以實(shí)現(xiàn)對input文本框進(jìn)行賦值，以下方法分別針對不同的情況，但是前兩種是通用的。

            $('#name1').val('值');
            document.getElementById('name1').value='值';
            document.getElementById('name1').html('值');
            document.getElementById('name1').attr('值');
            document.getElementById('name1').innerText = '值';

easyui的input框賦值

在實(shí)際的開發(fā)中，為了頁面的美觀，可能用到一些框架，比如EasyUI框架，EasyUI框架的HTML代碼如下：

<input class="easyui-textbox"  id="name"  name="teacherName" type="text"  />

在此時，如果在用上述方法一的js代碼進(jìn)行更給input的值，就不成功了。需要通過以下方法進(jìn)行修改EasyUI的input文本框的值，js代碼如下：

$('#name').textbox('setValue','值');

EasyUI的input文本框取值的js代碼如下：

var val = $("#name").textbox('getValue')

補(bǔ)充：

JavaScript 獲取 input 輸入框內(nèi)容的幾種方法

JavaScript 獲取 input 輸入框內(nèi)容的幾種方法有：

1. 使用 `document.getElementById()` 獲取 input 元素的 value 屬性，例如：

var inputText = document.getElementById("input").value;

2. 使用 `document.querySelector()` 獲取 input 元素的 value 屬性，例如：

var inputText = document.querySelector("#input").value;

3. 使用 `document.getElementsByName()` 獲取 input 元素的 value 屬性，例如：

var inputText = document.getElementsByName("input")[0].value;

4. 使用 `document.getElementsByTagName()` 獲取 input 元素的 value 屬性，例如：

 var inputText = document.getElementsByTagName("input")[0].value;

5. 使用 `document.forms` 獲取表單對象，從而獲取 input 元素的 value 屬性，例如：

var form = document.forms[0];
var inputText = form.elements["input"].value;

以上是五種常用的獲取 input 輸入框內(nèi)容的方法。

到此這篇關(guān)于js實(shí)現(xiàn)input的賦值的文章就介紹到這了,更多相關(guān)js input賦值內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論