Jquery 提交表单时获取selectmenu名称和标题

提交表单时，我需要获取selectmenu的标题。 我正在使用下面的代码。但它并没有赋予价值

$('#form1').submit(function () {
    $('.required').filter(':visible').each(function () {
        var input = $(this);
        if (!input) {
          $(".ui-selectmenu").addClass( "required" );
          var msg = input.attr('title');
          alert(msg);
          $(".ui-selectmenu").after('<ul class="error"><li>'+$msg+'</li></ul>');
        }
    });
});

HTML

此警报给我的值为空。有什么帮助吗？

---

谢谢

当您激活SelecteNu插件时，它可能会隐藏您现有的选择菜单并构建一个新的选择菜单。但它不会传递title属性。当您选择可见的选择菜单$'.required'.filter'：visible'时，它会选择一个没有标题的菜单，因为插件会隐藏您的。try$'.required'find:selected而不是$'.required'.filter'：visible'所以我如何获得选择的标题？Hi Sindhu..感谢您的回复。我需要遍历所有下拉列表，检查是否为空，如果为空则抛出显示错误。这就是为什么我使用$'.required'.filter'：visible'。我已经更新了我的问题。如果我使用您的答案，当错误值为空时，我将无法突出显示错误。有没有其他方法我可以做到这两个？你能检查一下并给我建议吗？

$('select.class1:not(select.class2)').selectmenu({
    style:'dropdown',
    maxHeight: 300,
    transferClasses: true
});

<select id="test" name="test" class="required class1" title="Please select to continue.">