html label-标签

最新推荐文章于 2025-06-05 17:25:03 发布

weixin_30322405

最新推荐文章于 2025-06-05 17:25:03 发布

阅读量50

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhen-android/p/7639310.html

本文介绍如何使用JavaScript操作HTML中的input和select元素，包括获取元素、读取值及选择项等实用技巧。

input

/**
 * input label
 *     http://www.w3school.com.cn/tags/tag_input.asp
 */
function testInputLabel(){
    debugger;
    var inputLabel = document.getElementById("inputElm");
    console.log(inputLabel.value);
}

select

<div>
    <select id="deviceSel" title="列表" class="select-label-style0">
    <option value="v01">s01</option>
    <option value="v02">s02</option>
    <option value="v03">s03</option>
    </select>
</div>

var deviceSel = document.getElementById("deviceSel");

/**
 * selcet label
 *     http://www.w3school.com.cn/tags/tag_input.asp
 */
function testSelectLabel() {
    debugger;
    console.log(deviceSel.selectedIndex);    // index
    console.log(deviceSel.value);            // value
    console.log(deviceSel.childNodes[1].innerText);    // s03
}