jQuery触发下拉框单击事件
发布网友
发布时间：2022-04-22 01:07
共2个回答
热心网友
时间：2022-04-23 08:17
按钮触发下拉框单击事件
<script>
$(document).ready(function(){
$("input").click(function(){
$("select").val("123");
});
});
</script>
trigger触发select下拉框
请求写在文档就绪函数里面，$('#typeId').trigger('change');用于页面载入的时候自动触发select的onchange事件 。
如果要使得select的option为某一个value的选项被触发的话，可用用这一句$('#typeId').val(saveValue).trigger('change');其中saveValue为value值。
$(function () {
// 初始化频道
$.ajax({
url: "/channel/first.ajax",
type: "get",
async: false,
dataType: 'json',
success: function (e) {
if (e.status.code == 0) { for (var i = 0; i < e.data.length; i++) {
$('#typeId').append('<option value="' + e.data[i].id + '">' + e.data[i].name + '</option>');
/* $("<option></option>").val(e.data[i].id).text(e.data[i].name).appendTo($('#typeId'));*/
}
$('#typeId').trigger('change');
}
},
error: function () {
}
});
});
热心网友
时间：2022-04-23 09:35
下拉列表没有点击事件。所以做不到显示下拉框的选项。不过可以改变它的值
如：
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("input").click(function(){
$("select").val("fiat");
});
});
</script>
</head>
<body>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<input type="button" value="button" />
</body>
</html>
