js如何實現(xiàn)input的賦值
更新時間：2024年01月16日 15:35:28 作者：wilson_m
這篇文章主要介紹了js如何實現(xiàn)input的賦值問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
input框賦值
如下所示，是一個文本框的html代碼，實際開發(fā)中，要涉及到將數(shù)據(jù)庫中的數(shù)據(jù)取出然后放入input框中。
<input id="name1" name="teacherName" type="text" />
通過以下js代碼可以實現(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框賦值
在實際的開發(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') 總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Javascript writable特性介紹,本文用淺顯易懂的語言講解了writable的特性,需要的朋友可以參考下2015-02-02
用javascript實現(xiàn)打開層和關(guān)閉層的效果，原理不錯，學(xué)習(xí)，記錄好2008-06-06
JavaScript代碼實現(xiàn)左右上下自動晃動自動移動
最近幾天做了一個項目，原來是用css3動畫做的，由于不兼容IE，改成用js做了，特此分享給大家，供大家參考2016-04-04
這篇文章主要為大家詳細(xì)介紹了移動端觸摸滑動插件swiper的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
閉包（closure）是一個函數(shù)以及其捆綁的周邊環(huán)境狀態(tài)的引用的組合，就是讓開發(fā)者可以從內(nèi)部函數(shù)訪問外部函數(shù)的作用域，下面下面小編就來和大家深入聊聊它的使用吧2023-07-07
在本篇文章里小編給大家整理的是關(guān)于js時間轉(zhuǎn)換毫秒的實例代碼以及相關(guān)知識點，需要的朋友們可以學(xué)習(xí)下。2019-08-08
今天小編就為大家分享一篇layui 設(shè)置table 行的高度方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
js實現(xiàn)單層數(shù)組轉(zhuǎn)多層樹
這篇文章主要介紹了js實現(xiàn)單層數(shù)組轉(zhuǎn)多層樹方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
javascript一些實用技巧小結(jié)，學(xué)習(xí)js的朋友可以看下。2011-03-03
這篇文章主要介紹了JS繼承，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04