jQuery；检测选择框是否已更改或被选中

发布于 2024-09-19 04:02:57 字数 773 浏览 7 评论 0原文

我有一个流程可以检测选择框是否更改，如果确实更改，则 div 中的内容会重新加载。

我意识到，当提交表单并出现错误时，选择框应该在提交之前选择选项，选择。如果是这种情况，div 需要重新加载正确的内容。

我当前检测更改并根据 id 重新加载内容的方法如下：

//On drop-down change
$("#tiers").change(function() {
    var selectedId = $(this).val();
    if(selectedId != 0) {
        container = new Array();
        var container = $('#tier'+selectedId+' a.removePanel').map(function() { 
            var match = this.id.match(/\d+$/);
            return match ? match[0] : null;
        }).get();
        loadContent(container);
    } else {
        $('#panels').html('<p class="error">Please select a Tier from the drop-down in order to assign Panels.</p>');
    }
});

EDIT#1

通过简单地检测 $_post 变量是否有内容，使用 PHP 和 Smarty 设法做到这一点。

原文

I have a process in place which detects if a select box is changed, if it does get changed, the content in a div reloads.

I've realised that when the form is submitted and has errors, the select box should have the option selected prior to submit, selected. If this is the case, the div needs to reload with the correct content.

My current method for detecting a change and reloading content based on id's is as follow:

//On drop-down change
$("#tiers").change(function() {
    var selectedId = $(this).val();
    if(selectedId != 0) {
        container = new Array();
        var container = $('#tier'+selectedId+' a.removePanel').map(function() { 
            var match = this.id.match(/\d+$/);
            return match ? match[0] : null;
        }).get();
        loadContent(container);
    } else {
        $('#panels').html('<p class="error">Please select a Tier from the drop-down in order to assign Panels.</p>');
    }
});

EDIT#1

Managed to do this using PHP and Smarty by simply detecting if the $_post variable had content.

分享到QQ

分享到微博