當(dāng)前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
鸿蒙开发-在JS中获取hml页面中Input输入的值
生活随笔
收集整理的這篇文章主要介紹了
鸿蒙开发-在JS中获取hml页面中Input输入的值
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
場景
鴻蒙基于JS搭建HelloWorld并修改國際化文件:
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118274050
在上面基于JS搭建起來Hello World之后,要新建另一個頁面。怎樣新建頁面可以參照如下
鴻蒙開發(fā)-基礎(chǔ)組件介紹及chart組件使用:
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118333539
常用的表單提交中經(jīng)常獲取Input的輸入框的內(nèi)容,怎樣在js中獲取hml中input的內(nèi)容。
注:
博客:
https://blog.csdn.net/badao_liumang_qizhi
關(guān)注公眾號
霸道的程序猿
獲取編程相關(guān)電子書、教程推送與免費下載。
實現(xiàn)
首先在頁面中添加一個hml
<input class="plan-input" type="text" onchange="getNewTodo"></input>然后設(shè)置這個input的onchange事件。
在js中此事件的實現(xiàn)中
??? getNewTodo(e){this.inputTodo = e.value;},參數(shù)為e,通過e.value獲取到數(shù)據(jù)。
然后就可以將輸入框的數(shù)據(jù)賦值給inputTodo這個變量了。
當(dāng)然需要提前聲明這個變量
??? data: {inputTodo: ""},實際效果演示
與50位技術(shù)專家面對面20年技術(shù)見證,附贈技術(shù)全景圖總結(jié)
以上是生活随笔為你收集整理的鸿蒙开发-在JS中获取hml页面中Input输入的值的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 鸿蒙开发-实现页面跳转与页面返回
- 下一篇: 鸿蒙开发-从搭建todolist待办事项