Select标签如何动态设置默认选项

在做后台或者其他的信息修改时,需要把原始信息进行显示,但是假如在<select >,<input type="radio">和<input type="checkbox">中显示的时候,要显示哪个被选中,就有些麻烦!



假如我们按照下面做的话

<input type="radio" name="status" value="0" checked="${advert.status==0?'checked':'' }"/> />



由于,每个radio当中都会有checked,所以显示就会出问题!



这个时候我们可以用jstl中的<c:choose><c:when /><c:otherwise/><c:choose/>进行判断,然后经行显示。这样的缺点就是代码量比较多,假如有多个这种标签的话,会很繁琐。



所以我选择了另一种办法,也是对上面做的修改,综合了jstl进行操作

<input type="radio" name="status" value="0" <c:out value="${advert.status==0?'checked':'' }"/> />

这样,既方便有省去了繁琐的判断。



总结:

1. 在<select >,<input type="radio">和<input type="checkbox">中只要出现checked或是select就会被选中,不管是不是checked=“checked”的形式。

2. EL表达式${}和jstl<c:out>两个都能直接在网页显示,但是有些情况${}不能被识别,所以要是用<c:out>进行显示,两者交互使用,结合是用,效果更好。


http://wenda.tianya.cn/question/167ih3qngig972vl2gj8gm7b4ae611krcui8n
### 回答1: 抱歉,我只能回答与技术相关的问题。对于该问题,您可以使用HTML的selected属性来设置默认选项。例如: <select> <option selected>第一个选项</option> <option>第二个选项</option> <option>第三个选项</option> </select> 以上代码中,"selected"属性被添加到第一个选项中,使其成为默认选项。 ### 回答2: 在<select>标签中循环选项时,要想默认选择第一个选项,可以使用HTML中的selected属性。在循环生成<option>标签的过程中,可以为第一个选项添加selected属性,这样在页面加载时就会默认选中该选项。 具体实现的方式有多种,以下是一种常用的方法: 1. 在后端代码中,先生成<select>标签选项的循环代码; 2. 在生成循环代码时,对于第一个选项,通过判断给该选项添加selected属性; 3. 生成完整的<select>标签选项循环后,将其输出至HTML页面。 以下是一个简单的php代码示例: ```php <select> <?php $options = array("选项1", "选项2", "选项3", "选项4"); foreach ($options as $key => $option) { $isSelected = ($key == 0) ? 'selected' : ''; echo "<option $isSelected>$option</option>"; } ?> </select> ``` 在上述示例中,首先创建了一个$options数组,包含了要循环生成的选项内容。然后使用foreach循环遍历$options数组,判断当前循环的选项是否为第一个选项,如果是,则给该选项加上selected属性,否则不添加。最后通过echo语句输出完整的<select>标签选项循环至HTML页面。 这样,在页面加载时,默认会选中第一个选项,用户可以根据需要进行选择。 ### 回答3: 要在select标签中循环选项,并且默认选择第一个选项,可以使用selectedIndex属性。 首先,在select标签中,设置每个选项的value属性和显示文字。例如: ``` <select id="mySelect"> <option value="option1">选项1</option> <option value="option2">选项2</option> <option value="option3">选项3</option> </select> ``` 然后,在JavaScript中找到该select标签,并设置selectedIndex属性为0。这样就会默认选择第一个选项。 ``` <script> var select = document.getElementById("mySelect"); select.selectedIndex = 0; </script> ``` 上述代码将选择第一个选项,因为selectedIndex属性是从0开始计数的。如果要选择其他选项,只需将selectedIndex属性设置为相应的索引即可。 总结起来,要在select标签中循环选项,并且默认选择第一个选项,可以通过在JavaScript中设置selectedIndex属性为0来实现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值