jQuery学习笔记：Select选项的获取和设置

jQuery 学习备忘录 本文档将详细介绍 jQuery 的一些函数及方法，以及操作表单的方法。下面将对 jQuery 中的 Select 选项、Input 输入框等进行详细的解释。 Select 选项 在 jQuery 中，可以使用多种方法来获取和设置 Select 选项的值、文本和索引。 获取 Select 选项 1. 获取选中的文本：`$("#ddlRegType").find("option:selected").text();` 2. 获取选中的值：`$("#ddlRegType").val();` 3. 获取选中的索引：`$("#ddlRegType").get(0).selectedIndex;` 设置 Select 选项 1. 设置选中的索引：`$("#ddlRegType").get(0).selectedIndex = index;` 2. 设置选中的值：`$("#ddlRegType").attr("value", "Normal");` 或 `$("#ddlRegType").val("Normal");` 或 `$("#ddlRegType").get(0).value = value;` 3. 设置选中的文本： ``` var count = $("#ddlRegType option").length; for (var i = 0; i < count; i++) { if ($("#ddlRegType").get(0).options[i].text == text) { $("#ddlRegType").get(0).options[i].selected = true; break; } } ``` 清空 Select 选项 `$("#ddlRegType").empty();` jQuery 获取 Select 选中的 Text 和 Value 1. `$("#select_id").change(function(){//code});` // 为 Select 添加事件，当选择其中一项时触发 2. `var checkText = $("#select_id").find("option:selected").text();` // 获取 Select 选择的 Text 3. `var checkValue = $("#select_id").val();` // 获取 Select 选择的 Value 4. `var checkIndex = $("#select_id").get(0).selectedIndex;` // 获取 Select 选择的索引 Input 输入框 在 jQuery 中，可以使用多种方法来获取和设置 Input 输入框的值。 获取 Input 输入框的值 `$("#txtStyle")[0].value` 或 `$("#txtStyle").val()` 设置 Input 输入框的值 `$("#txtStyle")[0].value = value;` 或 `$("#txtStyle").val(value);` 本文档对 jQuery 中的 Select 选项和 Input 输入框进行了详细的介绍，包括获取和设置值、文本和索引等操作方法。这些方法可以帮助开发者更好地使用 jQuery 进行前端开发。