【问题标题】:add onChange attribute to a select using jQuery in Joomla 2.5在 Joomla 2.5 中使用 jQuery 将 onChange 属性添加到选择中
【发布时间】:2014-08-26 18:44:13
【问题描述】:

我需要在 Joomla 中使用 jQuery 将 onChange 属性添加到下拉列表中。我尝试了以下方法:

jQuery(document).ready(function($) {
    alert("hello world");
    jQuery("#jform_fkcategory").attr('onChange', 'foo();');
});

当警报弹出时,jQuery 工作正常。我无法仅添加属性。请帮帮我!

这是我的表单域:

    <field
        name="fkcategory"
        type="category"
        class="inputbox"
        label="Category"
        description=""
        required="true">
        <option value="">Select Category</option>
    </field>

这就是我的布局。

<select id="jform_fkcategory" name="jform[fkcategory]" class="inputbox required">

【问题讨论】:

    标签: javascript jquery joomla2.5


    【解决方案1】:

    你快到了。像这样改变你的 JavaScript:

    (function($) {
    
        function foo() {
            $.ajax({
                // place AJAX request params here
            });
        }
    
        $(document).on('change', '#jform_fkcategory', foo);
    
    })(jQuery);
    

    附上任何在 foo 函数内触发 onchange 事件时要执行的代码。

    祝你好运!

    【讨论】:

    • thanx,该功能有效....唯一的问题是我正在寻找如何添加属性 onChange 以便我可以实现 ajax。类似于
    • 这是完成同样的事情,并且将 JavaScript 与 HTML 分开被认为是最佳实践。我编辑了答案以显示您可以将 AJAX 请求代码放在哪里。
    • 再次感谢@Brian Bolli,是的,我正在做你建议的同样的事情。如何在 joomla 中实现 ajax 遇到了困难。
    • 这里是一个关于这个主题的精彩教程的链接,docs.joomla.org/JSON_Responses_with_JResponseJson,或者发布另一个问题,我可以帮你解决:)
    • 感谢@Brian Bolli 的教程,尽管我昨天已经完成了任务,但它看起来很有希望。不过,我会尝试这个教程。
    猜你喜欢
    • 1970-01-01
    • 2014-09-12
    • 2010-09-23
    • 1970-01-01
    • 2011-08-13
    • 2013-03-09
    • 2011-04-07
    • 2013-03-04
    • 2012-12-03
    相关资源
    最近更新 更多