通过获取元素的text实现功能。关键的两个jquery函数为：
$("select").val(); // 选中项目的value值。
$("select option:checked").text(); // 选中项目的显示值。
实例演示如下：
1、设计简单的一个下拉框代码，包括【男】【女】两个值。代码如下：
此时页面展示效果如下：
2、设计一个函数，通过点击按钮，将当前选中的下拉框的值和显示的文字，都选取出来，并分别赋值给两个input，函数代码如下：
此时，选取男，然后点击，展示效果如下：
如果选择女，展示效果如下：
扩展资料：
带有预先选定的选项的下拉列表：HTML
定义和用法：
selected 属性规定在页面加载时预先选定该选项。被预选的选项会显示在下拉列表最前面的位置，也可以在页面加载后通过 JavaScript 设置 selected 属性。
实例：
