文本框获取下拉框的值
时间: 2023-09-27 11:07:39 浏览: 103
JS获取文本框,下拉框,单选框的值的简单实例
要获取下拉框的值并显示在文本框中,可以使用以下方法。首先,给下拉框添加一个改变事件,在事件中获取下拉框的value值,然后使用eq方法获取对应行的文本值。需要注意的是,eq是从0开始计数,而value值是从1开始计数,所以需要将value值减1。代码如下:
```javascript
$("#Select1").change(function () {
var ID = $("#Select1").val();
var Text = $("#Select1 option:eq(" + (parseInt(ID) - 1) + ")").text();
$("#Input1").val(Text);
});
```
这段代码适用于写实的下拉框。如果是使用数据库数据绑定的下拉框,可以使用另一种方法。首先准备一个数据库数据绑定的下拉框和一个文本框,用来显示下拉框的文本值。然后给下拉框添加一个改变事件,在事件中获取下拉框的value值,并将该值发送到服务器端。服务器端根据该值查询对应的文本值,并将其返回给页面,最后将返回的文本值显示在文本框中。代码如下:
```javascript
$("#Select2").change(function () {
var ID = $("#Select2").val();
$.post("SelectDropDownID", { ID: ID }, function (S) {
$("#Input2").val(S.DropDownName);
});
});
```
这样,文本框就可以获取到下拉框的值并显示出来了。
#### 引用[.reference_title]
- *1* *2* *3* [获取下拉框的文本值](https://blog.csdn.net/weixin_44569835/article/details/89082325)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文