Javascript 选择第一个不为空的选项
有人知道如何在Javascript 选择第一个不为空的选项,javascript,jquery,html,Javascript,Jquery,Html,有人知道如何在选择框中自动选择吗?我想做的是,即使有一个空白选项,选择框仍会显示带有值的选项 有人知道如何在jquery中实现它吗 html代码: <select name="name"> <option></option> <option>Mark</option> </select> <select name="age"> <option></option> <option&g
选择框中自动选择吗?我想做的是,即使有一个空白选项
,选择框仍会显示带有值的选项
有人知道如何在jquery中实现它吗
html代码:
<select name="name">
<option></option>
<option>Mark</option>
</select>
<select name="age">
<option></option>
<option>16</option>
</select>
做记号
16
这可以帮助您:
HTML:
<select name="name">
<option></option>
<option>Mark</option>
</select>
<select name="age" id='some'>
<option></option>
<option>16</option>
</select>
$($('#some').children()[1]).attr('selected',true)
不需要javascript来做这件事,例如,如果您想选择(标记),就这样做
<select name="name">
<option></option>
<option selected>Mark</option>
</select>
做记号
在XHTML中:
<select name="name">
<option></option>
<option selected="selected">Mark</option>
</select>
做记号
如果要对页面上的所有选择框执行此操作,请使用以下命令:
$(function () {
$('select').each(function () {
$(this).find('option').not(':empty()').first().attr('selected', true);
})
});
它抓取每个选择
,找到选项
,即(读取:其中包含文本)和
请参阅。如果您有多个空的选项,并且没有订单,我认为这是最好的解决方案:
$('select').each(function()
{
$(this).find('option:not(:empty)').first().prop('selected',true);
});
<select name="name">
<option></option>
<option>Mark</option>
</select>
<select name="age">
<option></option>
<option>16</option>
<option>20</option>
<option></option>
<option>55</option>
<option></option>
</select>
我们在这里所做的是,通过循环检查每个selectbox
:
然后在循环中,我们选择以下选项:
并通过以下方式进行选择:
因此,整个jQuery和Html将是:
jQuery
$('select').each(function()
{
$(this).find('option:not(:empty)').first().prop('selected',true);
});
<select name="name">
<option></option>
<option>Mark</option>
</select>
<select name="age">
<option></option>
<option>16</option>
<option>20</option>
<option></option>
<option>55</option>
<option></option>
</select>
HTML
$('select').each(function()
{
$(this).find('option:not(:empty)').first().prop('selected',true);
});
<select name="name">
<option></option>
<option>Mark</option>
</select>
<select name="age">
<option></option>
<option>16</option>
<option>20</option>
<option></option>
<option>55</option>
<option></option>
</select>
做记号
16
20
55
您可以将有值的选项放在没有值的选项之前这可能有助于您只需在所选选项上设置所选选项
?