方法1:
证件类型:
<select id="zj">
<option value="">
所有
</option>
<option value="IDCARD"
<c:if test="${requestScope.certidType=='IDCARD'}">selected="true"</c:if>>
身份证
</option>
<option value="PASSPORT"
<c:if test="${requestScope.certidType=='PASSPORT'}">selected="true"</c:if>>
护照
</option>
</select>
方法2:
window.onload=function(){
var userType='${userType}';
if(userType == '1') {
var code='${code}';
var QState='${QState}';
var selectCode=document.getElementById("code");
var selectQState=document.getElementById("QState");
if(selectCode.length>0){
for(var i=0;i<selectCode.options.length;i++){
if(selectCode.options[i].value==code){
selectCode.options[i].selected=true;
break;
}
}
}
if(selectQState.length>0){
for(var i=0;i<selectQState.options.length;i++){
if(selectQState.options[i].value==QState){
selectQState.options[i].selected=true;
break;
}
}
}
}
}
分享到:
相关推荐
总之,通过JavaScript操作DOM,我们可以方便地在网页上动态设置`<select>`元素的默认选中项。这个功能在许多交互式应用场景中非常有用,比如用户配置、数据筛选等。在实际项目中,还可以结合事件监听器,如`change`...
本文档将详细介绍如何利用原生JavaScript和jQuery来操作`<select>`元素,包括但不限于取值、设置选中状态等常见操作。 #### 二、基础知识回顾 在开始深入讲解之前,我们先回顾一下`<select>`的基本结构: ```html ...
- **为特定复选框设置选中状态**:可以通过其索引或属性来设置选中状态。 - 通过索引设置:`$("input[name=items]").eq(1).prop('checked', true);` - 通过 value 设置:`$("input[name=item][value='val']").prop...
当在`<option>`标签中添加这个属性时,例如`<option value="value1" selected="selected">Option1</option>`,浏览器会在页面加载时自动将这个选项设置为选中状态。这在创建默认选项或根据用户之前的选择恢复状态时...
- **设置Checkbox状态**:要设置一个`Checkbox`为选中状态,使用`attr("checked", "checked")`;为不选中状态,使用`attr("checked", false)`。例如: ```javascript $("#checkbox_id").attr("checked", true); ...
在这个插件中,我们遍历每个匹配的`<select>`元素,取消所有选项的选中状态,然后找到值等于传递参数的选项并将其选中。这样,我们可以通过调用`$('select').selectOption('valueToSelect')`来实现自动选中。 为了...
要改变选中项,可以先取消其他选项的选中状态,再选中新的选项: ```javascript // 取消所有选项的选中 $("#mySelect option:selected").removeAttr("selected"); // 选中Option 3 $("#mySelect option[value='3']...
首先,当我们需要根据value值设定SELECT中的某个option为选中状态时,可以使用`attr()`函数。这个函数允许我们获取或设置HTML元素的属性。在SELECT元素中,`value`属性通常用于存储option的值。以下是一个示例代码:...
具体来说,若要设置默认选中的项,需要在`<select>`标签内的特定`<option>`标签中添加`selected="selected"`。这种方式不需要为`selected`属性指定值,因为它的存在即视为“true”。一个`<select>`元素内可以有多个`...
9. **禁用与选中状态**:可以使用 `disabled` 属性禁用整个下拉框,或使用 `selected` 属性预先选择某个选项。 在实际应用中,你可以根据项目需求结合这些知识点来灵活配置和使用 Bootstrap Select。如果你正在使用...
在某些情况下,你可能需要根据特定条件或服务器返回的数据动态设置默认选中项。这可以通过JavaScript实现,首先获取`<select>`元素,然后遍历`<option>`标签,比较它们的`value`属性。如果匹配,则设置`selected`...
在实现`el-tree-selected-tree`时,我们需要监听`el-tree`的`'check-change'`事件,这个事件在节点被选中或取消选中时触发,我们可以获取到当前选中状态和节点信息。通过维护一个`selectedNodes`数组,我们可以记录...
使用 `.prop("checked", true)` 可以设置 `checkbox` 的选中状态。 5. **检查 `checkbox` 是否被选中**: ```javascript if ($("#chk1").prop('checked')) { console.log("Checkbox is checked."); } ``` ...
在上面的代码中,`change`事件会在用户改变select1的选中状态时触发。`find('option:selected')`查找所有被选中的选项,然后通过循环将这些选项的值和文本添加到select2中。如果需要,我们还可以移除select1中的已...
我们可以使用以下JavaScript代码动态生成`<option>`并设置选中状态: ```javascript // 假设data是从服务器获取的JSON数据 let data = [ { "value": "option1", "selected": true }, { "value": "option2", ...
接下来,我们可以使用jQuery或其他JavaScript库编写事件处理函数,监听全选框的改变,然后遍历所有的select选项,根据全选框的状态设置它们的选中状态: ```javascript $(document).ready(function() { $('#select...
要设置具有特定文本的选项为选中状态,可以遍历`options`数组,找到第一个匹配的选项并设置其`selected`属性为`true`。这将使该选项成为选定项。 6. **设置 select 中 value="paraValue"的 Item 为选中** 类似地...
`$("#select_id").val('value')` 可以设置选中value属性等于指定值的Option,而`$("#select_id option:eq(index)").attr('selected', 'selected')` 则可以设置索引为`index`的Option为选中状态。需要注意的是,如果...
本文将深入探讨如何利用这三种技术来模拟`select`元素,并且将无效的选项设置为灰色不可用状态。 首先,我们来看`div`元素。在HTML中,`div`是一个非常通用的容器标签,可以用来组织和布局页面内容。在模拟`select`...
**功能说明**:将指定的`<select>`元素中具有给定文本`objItemText`的选项设置为选中状态。 **参数说明**: - `objSelect`: 指向目标`<select>`元素的对象。 - `objItemText`: 需要选中的选项的文本。 **注意事项*...