当前位置：首页 - 正文

用jquery如何将下拉选的值置为空?

发布网友发布时间：2022-04-23 05:32

共1个回答

热心网友时间：2022-04-23 18:35

jquery提供了val()方法设置或返回表单字段的值，因此将下拉框的某元素设为当前选中值，只需设置用val()方法设置下拉框的值即可。下面进行实例演示：
1、HTML结构

1
2
3
4
5
6
7
8
9

<select id="test">
<option value="0">- 请选择 -</option>
<option value="1">1-关</option>
<option value="2">2-赵</option>
<option value="3">3-马</option>
<option value="4">4-黄</option>
<option value="5">5-张</option>
</select>
<input type="text" id="test_input"><input type='button' value='设置'/>

2、jquery代码

$(function(){
$("input[type='button']").click(function() {
selected_option = $("input#test_input").val();
$("select#test").val(selected_option);
});
});

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

焦点

用jquery如何将下拉选的值置为空?

最新推荐

猜你喜欢

热门推荐