根据div中的文本禁用提交按钮

时间:2014-04-08 10:47:32

标签: javascript jquery razor

所以我有这个功能,如果选择了第二个选项,则禁用提交按钮。

        $(document).ready(function () {
            $('#estadoTicketSel').change(function () {
                if ($(this).find('option:selected').text() == 'Fechado') {
                    $('#submitButton').prop('disabled', true);
                    $('#notificaFechado').show();
                } else {
                    $('#submitButton').prop('disabled', false);
                    $('#notificaFechado').hide();
                }
            });
        });

但是我正在尝试根据div内的文本禁用该按钮。我没试过就试过了......

        $(document).ready(function () {
            $(function(){
                var txt = $('#state p').text();
                    if(txt == 'Fechado'){
                        $('#submitButton').prop('disabled', true);
                        $('#notificaFechado').show();
                }
         });
      });

 <div id="state"><p>@estadoTicket</p></div>

有什么想法吗?

更新:

摆弄选择框:http://jsfiddle.net/q2VRH/
小提琴阅读:http://jsfiddle.net/f3nzk/

因此你可以看到小提琴正在工作,而且我发现问题在我的数据库上有什么价值。传递的价值是这样的:

Fechado。

感谢大家的帮助。

对于需要的人,我会把小提琴放在这里。 再次感谢。

3 个答案:

答案 0 :(得分:2)

尝试修剪文字:

var txt = $.trim($('#state p').text());

DOCUMENTATION

答案 1 :(得分:0)

您是否尝试过使用indexOf

if(txt.indexOf('Fechado') > -1){
   //do stuff
}

如果搜索值永远不会发生,索引将为-1。

答案 2 :(得分:0)

这是小提琴http://jsfiddle.net/symonsarwar/q2VRH/1/

 $(document).ready(function () {
                $('#estadoTicketSel').change(function () {
                    if ($(this).find('option:selected').text() == 'Fechado') {
                        $('#submitButton').attr('disabled', true);
                        $('#notificaFechado').show();
                    } else {
                        $('#submitButton').prop('disabled', false);
                        $('#notificaFechado').hide();
                    }
                });
            });