HTML 中的 <select>
对象代表了一个下拉菜单,用户可以从中选择一个或多个选项。下面我们将详细介绍如何使用 <select>
对象以及相关属性和方法。
创建一个下拉菜单
要创建一个下拉菜单,只需在 HTML 中使用 <select>
标签,并在其中使用 <option>
标签定义选项。例如:
-------- ------- ---------------- ---------- ------- ---------------- ---------- ------- ---------------- ---------- ---------
在上面的示例中,我们创建了一个简单的下拉菜单,其中包含三个选项。
属性
selectedIndex
selectedIndex
属性用于获取或设置当前选中选项的索引值。索引值从 0 开始,如果没有选中任何选项,则返回 -1。
------- -------------- ------- ---------------- ---------- ------- ---------------- ---------- ------- ---------------- ---------- --------- -------- --- ------ - ------------------------------------ ---------------------------------- -- ------------ ---------
options
options
属性返回一个包含所有选项的 HTMLCollection 对象。
------- -------------- ------- ---------------- ---------- ------- ---------------- ---------- ------- ---------------- ---------- --------- -------- --- ------ - ------------------------------------ ----------------------------------- -- ------- ---------
方法
add()
add()
方法用于向下拉菜单中添加新选项。该方法接受两个参数:要添加的选项和要添加的位置。
------- -------------- ------- ---------------- ---------- ------- ---------------- ---------- --------- -------- --- ------ - ------------------------------------ --- ------ - --------------------------------- ----------- - ------- --- ------------ - ---- ------------------ --- -- ----------- ---------
remove()
remove()
方法用于从下拉菜单中移除选项。该方法接受一个参数:要移除的选项的索引值。
------- -------------- ------- ---------------- ---------- ------- ---------------- ---------- ------- ---------------- ---------- --------- -------- --- ------ - ------------------------------------ ----------------- -- ------- ---------
以上就是关于 HTML 对象 <select>
的详细介绍,希望对你有所帮助。