jquery操作select默认选择第⼀个元素
  问题：点击按钮设置select元素的默认选项。
  ⾸先，有个环境，并引⼊jquery。
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<script src='jquery-1.11.3.js'></script>
</head>
<body>
<select id='s1' class='selector'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<select id='s2' class='selector'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<button onclick='resetValue()'>click me to reset select value</button>
<script>
function resetValue () {
}
</script>
</body>
</html>
  接下来就要写⽅法了，其实思路很好懂，使⽤ jquery 也很 easy 来实现：
  1、⾸先到 select 元素，这⾥我们给他⼀个 class ⽅便查。
var selectArr = $('.selector');
  2、到这个 select 数组后，通过 jquery 的 each() ⽅法进⾏遍历。第⼀个参数是下标位置，第⼆个参数是数组元素。selectArr.each(function (i, j) {
})
  3、对于每个select元素，我们需要做的是对其下的第⼀个 option 标签进⾏设置选中
var options = $(j).find("option");
options.first().attr("selected", true);
  4、打开页⾯，点点，咦，怎么有点问题？哈，在设置选中前，要将之前选中项置 false。这⾥我就全 false ⼀下⽅便。options.attr("selected", false);
  完成啦！
  最终⽅法内容：
function resetValue () {
$('.selector').each(function (i, j) {
var options = $(j).find("option");
options.attr("selected", false);
options.first().attr("selected", true);
})
}
  再来简化下（将之前选中项置 false）：
function resetValue () {
$('.selector').each(function (i, j) {
$(j).find("option:selected").attr("selected", false);
$(j).find("option").first().attr("selected", true);
})
}
>jquery在一个元素后追加标签

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。