js實現(xiàn)input的賦值小結(jié)
js實現(xiàn)input的賦值
input框賦值
如下所示，是一個文本框的html代碼，實際開發(fā)中，要涉及到將數(shù)據(jù)庫中的數(shù)據(jù)取出然后放入input框中。
<input id="name1" name="teacherName" type="text" />
通過以下js代碼可以實現(xiàn)對input文本框進行賦值，以下方法分別針對不同的情況，但是前兩種是通用的。
$('#name1').val('值');
document.getElementById('name1').value='值';
document.getElementById('name1').html('值');
document.getElementById('name1').attr('值');
document.getElementById('name1').innerText = '值';easyui的input框賦值
在實際的開發(fā)中，為了頁面的美觀，可能用到一些框架，比如EasyUI框架，EasyUI框架的HTML代碼如下：
<input class="easyui-textbox" id="name" name="teacherName" type="text" />
在此時，如果在用上述方法一的js代碼進行更給input的值，就不成功了。需要通過以下方法進行修改EasyUI的input文本框的值，js代碼如下：
$('#name').textbox('setValue','值');EasyUI的input文本框取值的js代碼如下：
var val = $("#name").textbox('getValue') 補充：
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實現(xiàn)input的賦值的文章就介紹到這了,更多相關(guān)js input賦值內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了移動設(shè)備手勢事件庫Touch.js的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了JSON字符串和JSON對象相互轉(zhuǎn)化方法,結(jié)合實例形式詳細分析了json對象與字符串的功能、使用、轉(zhuǎn)換方法及相關(guān)注意事項,需要的朋友可以參考下2017-01-01
Layui事件監(jiān)聽的實現(xiàn)(表單和數(shù)據(jù)表格)
這篇文章主要介紹了Layui事件監(jiān)聽的實現(xiàn)(表單和數(shù)據(jù)表格)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
這篇文章主要為大家詳細介紹了JS監(jiān)聽滾動和id自動定位滾動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
本文主要介紹了Echart中國地圖更換背景圖的方法示例，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)可長按移動控件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
下面小編就為大家?guī)硪黄狫S原生輪播圖的簡單實現(xiàn)(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
可以自動輪換的頁簽 tabs with auto play fucntion
HTML、CSS方面改寫了一下結(jié)構(gòu)，用了一個DL javascript方面可以選擇不斷自動循環(huán)，或者只循環(huán)一次的，點擊以后繼續(xù)循環(huán)，或者停止循環(huán)2008-02-02
JavaScript實現(xiàn)在標題欄上顯示當前日期的方法
這篇文章主要介紹了JavaScript實現(xiàn)在標題欄上顯示當前日期的方法,涉及javascript操作時間及DOM節(jié)點的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
Taro，京東凹凸實驗室出品的適配多端的一個框架，這篇文章主要介紹了使用taro開發(fā)微信小程序遇到的坑總結(jié),需要的朋友可以參考下2019-04-04