JQuery on fadeout命令

Question

我想在淡出时，使用以JQuery开头的编码格式将所选值重置为"1“，例如：

jQuery("select[name='wpcf-it-software-jobs']").prepend('<option value="">- select     
-</option>');

我的html和平常一样，周围有值和选项标签。

谢谢

我确实试过了

 jQuery("select[name='wpcf-it-software-jobs']").fadeOut(function(){.val('<option value="">- select     
-</option>');

试一试就没那么幸运了。

更新实际上我在上面的.prepend代码之后使用了一段代码

jQuery("select[name='wpcf-it-software-jobs']")[0].selectedIndex = 0;

我不知道它是什么，但它是由支持团队提供的。这两者之间有什么联系吗？

Answer 1

您可以尝试将select的value设置为nothing (我假设您为- select option -选项设置的值)。jQuery应更改下拉菜单以选择具有匹配值的项目。

jQuery("select[name='wpcf-it-software-jobs']").fadeOut(400, function() {
    // Fadeout Complete, so change the selected item to the first one
    $(this).val('');
});

Answer 2

使用option.eq(1)和prop('selected')，true)，其中1是索引(0，1，2，...)

jQuery(function() {
   jQuery("select[name='wpcf-it-software-jobs']").fadeOut(800, function() {
      $(this).fadeIn();
      $("select[name='wpcf-it-software-jobs'] option:eq(1)").prop('selected', true)

  });

});

或者您可以使用

  $("select[name='wpcf-it-software-jobs'] option[value='1']").attr("selected", "selected");