最近我在使用jQuery中的html()方法時,遇到了一個無法取出元素值的問題。我在網頁中定義了一個表單元素,通過jQuery方法獲取該元素的value值,可是卻無法取出。
<form id="myForm"> <input type="text" name="myInput" value="hello"> </form> <script> var inputValue = $("#myForm input[name=myInput]").val(); console.log(inputValue); // 輸出為空 </script>
我花費了很長時間來嘗試解決這個問題,最終發現問題的原因是因為代碼在DOM未完全加載之前執行了。所以,只需將代碼放在$(document).ready()或window.onload()中即可解決這個問題。
<script> $(document).ready(function(){ var inputValue = $("#myForm input[name=myInput]").val(); console.log(inputValue); // 輸出hello }); </script>
在jQuery中,html()方法通常用于獲取或設置元素的HTML內容,但是如果元素本身是輸入框或表單元素,我們需要使用.val()方法來獲取或設置其值。所以在獲取表單元素的值時,務必使用.val()方法,并且確保代碼在DOM加載完后再執行。
上一篇jquery.il8n.
下一篇vue點擊左箭頭