javascript - click() 不适用于选项标签

标签 javascript jquery html

我想通过选项值定位特定的选项,但点击功能似乎不适用于选项标记。

<select name="page_template" id="page_template">

    <option value="default">regular template</option>    
    <option value="page-templates/100-full-width.php">100% Full Width Page</option>
    <option value="templates/form-embed.php" selected="selected">Form Embed</option>
    <option value="page-templates/full-width.php">Full Width Page</option>
    <option value="templates/homepage.php">Homepage</option>

</select>

JS:

jQuery(document).ready(function($){

    $('option[value="templates/form-embed.php"]').click(function(){
        //alert('test');
        $('.wp-editor-expand').toggleClass('hide');
    });

});

我想检查是否单击了该选项,无论是否选择了天气,因为选择是在提交表单后立即设置的。

最佳答案

Option 标记没有 click 事件处理程序,请使用 selectchange 事件 p>

$('#page_template').change(function(){
    if ( $(this).val() == "templates/form-embed.php" )
    {
       $('.wp-editor-expand').toggleClass('hide');
    }
});

关于javascript - click() 不适用于选项标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37131219/

相关文章:

javascript - 警告 : React does not recognize the `viewState` prop on a DOM element

javascript - 将动态 HTML 链接到 $scope

jquery - 如何为固定表格标题设置克隆 tr 的宽度

jquery - 将浏览器窗口向下 move 到 div 的位置,当它被 ajax 和 Jquery 加载时

html - Jekyll Github 页面如何隐藏帖子

javascript - 如何翻译 style.fontSize = html5 文档的值?

javascript - 延迟指令/div 直到范围值可用

Javascript 添加 js

javascript - 将此 Highcharts 转换为我的数据

javascript - 如何找到 '' Outlook 兼容邮件设计器工具”