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