首頁 > web前端 > Layui教程 > layui列表怎麼取input框的值

layui列表怎麼取input框的值

爱喝马黛茶的安东尼
發布: 2019-07-11 15:26:46
原創
22420 人瀏覽過

我們先建立一個input,樣式名稱就為layui-input。然後關鍵為其添加一個id值。

layui列表怎麼取input框的值

接著加入一個按鈕,有一個onclick事件,用來觸發取得值。

layui列表怎麼取input框的值

在腳本程式碼裡,定義一個函數,就是按鈕點擊後觸發的。

我們可以使用document.getElementById來取得輸入框,參數就是輸入框的id值。

layui列表怎麼取input框的值

輸入框取得到後,就可以使用它的value屬性來取得輸入框的值了。程式碼:input.value

layui列表怎麼取input框的值

相關推薦:《layui框架教學

然後使用簡單的alert方法來彈出取得到的值。

layui列表怎麼取input框的值

開啟頁面,可以看到輸入框和按鈕。

layui列表怎麼取input框的值

在輸入框裡輸入值,然後點選下方的按鈕。

layui列表怎麼取input框的值

點擊後,我們可以看到成功取得到這個輸入框的值了。

layui列表怎麼取input框的值

以上是layui列表怎麼取input框的值的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板