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

layui列表怎麼取input框的值

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼原創
2019-07-11 15:26:4622621瀏覽

我們先建立一個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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn