js 设定下拉框的值默认被选中，下拉框做条件查询时，实现分页的时候带参数传值，下拉框默认被选中，求解！

Posted 2023-05-01

解决1：生成的select option中有一个option默认带有selected="selected"。//这时可以默认选中一个
解决2：在后台处理时判断是否已获取select值，没获取则使用默认值。如：if(is_null($_POST[\'select_no\'])) $_POST[\'select_no\'] = 1;
解决3：使用JS在点击查找时进行判断，若作品编号那个框未设置，则提示设置，或者赋予一个值。追问

能详细点吗

追答

请选择
1
2
3 默认3

参考技术A <option selected="selected">作品编号</option>

根据数据选中下拉框的值

一、问题描述

在动态web开发中下拉框选中的值不一定是默认选中的第一个，要根据后台返回的数据来确定显示下拉选项。在开发项目中总结出两个，根据数据选中并对应显示下拉选项的方法。

（1）通过给下拉选项的option设置value值

<select id="tSelect">
　　<option value="1">我是1</option>
　　<option value="2">我是2</option>
　　<option value="3">我是3</option>
　　<option value="4">我是4</option>
</select>

js代码(前提是导入了jquery)

setSelect($(‘#tSelect‘), 3);
function setSelect(sel, val) {
　　sel.val(val);
}

(2)通过遍历下拉框的option的属性值，如果与后台返回数据相等就设置当前的option的属性selected=true

function setSelect(sel, val) {
　　var _opts = sel.find(‘option‘);
   _opts.each(function() {
   if($(this).val() == val) {
     $(this).attr(‘selected‘, true);
   }
});

}