jquery单选下拉框
时间: 2023-12-06 10:37:37 浏览: 182
jquery下拉选框
以下是一个基于jQuery的单选下拉框的例子:
HTML代码:
```html
<select id="mySelect">
<option value="option1">选项1</option>
<option value="option2">选项2</option>
<option value="option3">选项3</option>
</select>
```
jQuery代码:
```javascript
// 获取选中项的值
var selectedValue = $('#mySelect').val();
// 获取选中项的文本
var selectedText = $('#mySelect option:selected').text();
// 清空下拉框
$('#mySelect').empty();
// 添加选项
$('<option>').val('option4').text('选项4').appendTo('#mySelect');
```
以上代码演示了如何使用jQuery获取单选下拉框的选中项的值和文本,以及如何清空下拉框并添加新的选项。
阅读全文