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è)面的美觀(guān),可能用到一些框架,比如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')
總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
javascript動(dòng)畫(huà)效果打開(kāi)/關(guān)閉層
用javascript實(shí)現(xiàn)打開(kāi)層和關(guān)閉層的效果,原理不錯(cuò),學(xué)習(xí),記錄好2008-06-06JavaScript代碼實(shí)現(xiàn)左右上下自動(dòng)晃動(dòng)自動(dòng)移動(dòng)
最近幾天做了一個(gè)項(xiàng)目,原來(lái)是用css3動(dòng)畫(huà)做的,由于不兼容IE,改成用js做了,特此分享給大家,供大家參考2016-04-04移動(dòng)端觸摸滑動(dòng)插件swiper使用方法詳解
這篇文章主要為大家詳細(xì)介紹了移動(dòng)端觸摸滑動(dòng)插件swiper的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08js時(shí)間轉(zhuǎn)換毫秒的實(shí)例代碼
在本篇文章里小編給大家整理的是關(guān)于js時(shí)間轉(zhuǎn)換毫秒的實(shí)例代碼以及相關(guān)知識(shí)點(diǎn),需要的朋友們可以學(xué)習(xí)下。2019-08-08js實(shí)現(xiàn)單層數(shù)組轉(zhuǎn)多層樹(shù)
這篇文章主要介紹了js實(shí)現(xiàn)單層數(shù)組轉(zhuǎn)多層樹(shù)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-06-06