Question

我使用$（'select'）。change（function（）{alert（'changed'）;}）;每次更改选项时发出警报，但我需要提醒默认选项，即选项的第一个选项 $（ '选择'）。改变（函数（）{ 警报（ '变更'）; }）; ＆lt;！DOCTYPE html＆gt; ＆LT; HTML＆GT; ＆lt; script src =“https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js”＆gt;＆lt; / script＆gt; ＆LT;身体GT; ＆LT;选择＆GT; ＆lt; option value =“volvo”＆gt; Volvo＆lt; / option＆gt; ＆lt; option value =“saab”＆gt; Saab＆lt; / option＆gt; ＆lt; option value =“opel”＆gt; Opel＆lt; / option＆gt; ＆lt; option value =“audi”＆gt; Audi＆lt; / option＆gt; ＆LT; /选择＆GT; ＆LT; /体＆GT; ＆LT; / HTML＆GT; 如何在加载第一个选项（“volvo”）时打印警报，但它不是来自更改？ P.S.：抱歉我的英语不好

Answer 1

您可以在加载后触发更改事件。我在下面复制了您的代码段并添加了.trigger('change')，您会注意到volvo会发出警告。

＆＃13;

$('select').change(function(){
  alert(this.value);
}).trigger('change');

＆＃13;

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
  
</body>
</html>

＆＃13;

Answer 2

只需在页面加载时手动调用change处理程序一次。使用JQuery，可以使用 .trigger(event) method 。

完成

＆＃13;

// When the DOM is ready...
$(function(){

  $('select').on("change", function(){
    alert('changed');
  });
  
  $('select').trigger('change');

});

＆＃13;

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
  
</body>
</html>

＆＃13;

Answer 3

您只需要trigger change事件

＆＃13;

$('select').change(function(){
  alert($('select').val());
}).trigger("change");

＆＃13;

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
  
</body>
</html>

＆＃13;

如何强制更改<select>选项

3 个答案: