Select用法記錄

最新推荐文章于 2024-04-21 13:58:53 发布

Killen@Nolan

最新推荐文章于 2024-04-21 13:58:53 发布

阅读量164

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML 文章标签： Jquery html

本文链接：https://blog.youkuaiyun.com/qq_41128526/article/details/85702607

HTML 专栏收录该内容

2 篇文章

订阅专栏

本文详细探讨了在HBuilder中遇到的下拉框默认选项设置问题，作者尝试通过JavaScript代码实现默认选项的选择，但在HBuilder环境下遇到了TypeError错误。文章提供了具体的代码示例，并对比了在MVC vs2012环境下代码的正常运行情况，旨在寻找问题根源并提供解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <select id="test" style="width: 100px;">
		 	<option value="2"></option>
		 	<option value="1">1</option>
		 	<option value="w">2</option>
		 	<option value="e">3</option>
		 	<option value="f">4</option>
 </select>

//功能：實現設置默認選項
//用Hbuilder老報“Uncaught TypeError: Cannot read property 'options' of null”
//不知道是不是什麼我沒引入，但在（MVC）vs2012是可以的
var actionLength = document.getElementById("test");                         
for (var i = 0; i < actionLength.options.length; i++) {
	if (actionLength[i].innerText == "2") {
		actionLength[i].selected = true;        
        break;
	}
}
//注：也可寫成
var actionLength = document.getElementById("test").options;
console.log(actionLength[i].innerText);