如何通过JQUERY获得下拉框的显示值

嘿，兄弟，咱们聊聊这个用jQuery获取下拉框文本的事情。
这玩意儿简单，关键就是会用两个函数。

首先，你得有个下拉框，里面放俩选项，比如“男”和“女”。
代码大概长这样：
<select id="sexSelect"> </select>
然后，你点一下“获取值”按钮，咱们用jQuery来抓取值。
这里有个函数，它会把选中的值和显示的文本都捞出来，分别赋给两个input框。

javascript function getSelectValues() { var selectedValue = $("sexSelect").val(); var selectedText = $("sexSelect option:checked").text(); $("valueInput").val(selectedValue); $("textInput").val(selectedText); }
现在，假设页面是这样的：
<input type="text" id="valueInput" /> <input type="text" id="textInput" /> <button onclick=getSelectValues()">获取值</button>
如果你选择了“男”，然后点击“获取值”，这个函数就会把“男”的值和文本都填到对应的input里。
同样的，如果你选的是“女”，效果也是一样的。

这玩意儿其实用得挺多的，比如用户填写表单的时候，你可以用这个方法来验证他们填的是不是你想要的值。
说实话，我当时也没想明白这玩意儿怎么用，后来实践了几次，就明白了。

对了，扩展资料里提到的selected属性，那也是挺有用的。
比如你有一个下拉框，你想默认选中某个选项，就可以在HTML里直接写上selected属性，就像这样：
<select> </select>
这样页面加载的时候，“Saab”就会自动被选中。
这个属性在页面加载后也可以通过JavaScript来设置，不过这就得另说了。
哈哈，简单吧？

jQuery如何获取复选框选中项后的文字？

创建测试文件结构：
mkdir Content cd Content touch jquery-1 .1 1 .3 .min.js touch JquerySelect.
【获取】下拉框【选中值】： javascript var selectedValue = $("dropdownId").val();
【获取】下拉框【选中文本】： javascript var selectedText = $("dropdownId").find("option:selected").text();
【获取】下拉框选中项的【索引】： javascript var selectedIndex = $("dropdownId").get(0).selectedIndex;
通过【value】值【设置】下拉框的选中项： javascript $("dropdownId").val("value值");
通过【text】值【设置】下拉框的选中项： javascript var optionToSelect = $("dropdownId").find("option[text()='text值']"); optionToSelect.prop("selected", true);
通过【value】值【删除】下拉框的一个选项： javascript var optionToRemove = $("dropdownId").find("option[value()='value值']"); optionToRemove.remove();
通过【text】值【删除】下拉框的一个选项： javascript var optionToRemove = $("dropdownId").find("option[text()='text值']"); optionToRemove.remove();
实操提醒：记得在 HTML 中包含 jQuery 库，并确保下拉框元素有正确的 ID。