在JavaScript和jQuery中，操作HTML页面上的元素是常见的任务，特别是对于交互性较强的表单元素，如`select`（下拉列表框）、`dropdownlist`（通常指下拉列表框）、`checkbox`（复选框）。本文将详细介绍如何使用JS和jQuery获取及设置这些元素的值，以及进行其他相关操作。
我们来关注`select`元素。在jQuery中，获取`select`的选中值可以使用`val()`方法，如下所示：
```javascript
var selectedValue = $("#select_id").val();
```
这将返回选中`option`的`value`属性。若需获取选中的文本，可以使用：
```javascript
var selectedText = $("#select_id option:selected").text();
```
获取选中的索引值，则使用：
```javascript
var selectedIndex = $("#select_id").get(0).selectedIndex;
```
获取最大索引值：
```javascript
var maxIndex = $("#select_id option:last").attr("index");
```
设置`select`的值，可以这样操作：
1. 设置索引值为1的选项选中：
```javascript
$("#select_id").get(0).selectedIndex = 1;
```
2. 设置`value`值为4的选项选中：
```javascript
$("#select_id").val(4);
```
3. 设置文本为“jQuery”的选项选中：
```javascript
$("#select_id option[text='jQuery']").attr("selected", true);
```
对于`select`的`option`操作，可以进行添加和删除：
1. 添加一个新的`option`到末尾：
```javascript
$("#select_id").append("<option value='Value'>Text</option>");
```
2. 在`select`的第一个位置插入`option`：
```javascript
$("#select_id").prepend("<option value='0'>请选择</option>");
```
3. 删除最后一个`option`：
```javascript
$("#select_id option:last").remove();
```
4. 删除索引值为0的`option`：
```javascript
$("#select_id option[index='0']").remove();
```
5. 删除`value`属性为3的`option`：
```javascript
$("#select_id option[value='3']").remove();
```
6. 删除文本为“4”的`option`：
```javascript
$("#select_id option[text='4']").remove();
```
接下来是`checkbox`的处理。获取`checkbox`的值，可以使用`attr("value")`：
```javascript
var checkboxValue = $("#checkbox_id").attr("value");
```
设置`checkbox`的状态（选中或未选中）：
```javascript
$("#checkbox_id").prop("checked", true); // 选中
$("#checkbox_id").prop("checked", false); // 取消选中
```
对于`radio`单选按钮，获取选中的值：
```javascript
var radioButtonValue = $("input[@type=radio][@checked]").val();
```
设置某个`radio`选中：
```javascript
$('input[@name=items]').get(1).checked = true; // 设置第二个元素选中
```
对于`select`的设置，例如要将下拉框的第二个元素设为选中状态：
```javascript
$('#select_id')[0].selectedIndex = 1;
```
此外，还可以控制其他表单元素的值。例如，清空或填充文本框或文本区域：
```javascript
$("#txt").attr("value", ""); // 清空内容
$("#txt").attr("value", "新内容"); // 填充内容
```
对于多选框`checkbox`，可以使用类似的方法来获取或设置值：
获取`checkbox`的值：
```javascript
var checkboxValue = $("#checkbox_id").attr("value");
```
设置`checkbox`的状态：
```javascript
$("#checkbox_id").prop("checked", true); // 选中
$("#checkbox_id").prop("checked", false); // 取消选中
```
总结，通过jQuery，我们可以方便地获取和设置`select`、`dropdownlist`（通常指`select`）、`checkbox`等表单元素的值，并进行添加、删除、选中等操作，极大地提高了前端开发的效率和代码的可读性。以上代码示例适用于大多数情况下对这些元素的操作，但在实际应用中，还需要结合具体需求进行适当的调整。
