Javascript 当选择菜单更改时，执行以下jquery代码

我有一些文本字段通过选择菜单显示/隐藏。发生这种情况时，监视文本字段值以进行更改的脚本无法正确启动。出于某种原因，它没有注意到变化

脚本： 当选择菜单更改时，如何执行此代码

以下是相关网站的完整代码：

您将在网站上看到，如果您为3个名称添加值，然后将其设置为7个名称，则右侧的名称不会正确应用背景图像，直到您单击它们…我希望让“选择”菜单上的代码检查更改并相应地更新背景

我想将其更改为类似这样的内容（基本上将整个内容包装在一个函数中，当单击“选择”菜单时会调用该函数）：

---

但这似乎不起作用…这里是Noob central！！！请帮忙

您尝试过文本输入的键控吗

范例

$('input[type=text]').keyup(function() { 

---

是的，我试过了，它只在第一次点击后才起作用，甚至没有在初始字段输入上加键。

var somethingChanged = false;
$(document).ready(function(){

    $('select').click (function () {
    $('input, select').change(function() { 
        somethingChanged = true; 
        console.log($(this).attr('name')+ ' has changed'); 

$('input[class*=input]').focus(function () {
    if ($(this).hasClass('left')) {
    $(this).parent().addClass("lightOverlay");
    console.log($(this).attr('name')+ ' added lightOverlay'); 
    }
}).blur(function () {
    if (this.value == ''){
        $(this).parent().removeClass('lightOverlay')
        console.log($(this).attr('name')+ ' removed lightOverlay'); 
    }
})

$('input[class*=input]').focus(function () {
    if ($(this).hasClass('right')) {
    $(this).parent().addClass("lightOverlayRight");
    console.log($(this).attr('name')+ ' added lightOverlayRight'); 
    }
}).blur(function () {
    if (this.value == ''){
        $(this).parent().removeClass('lightOverlayRight')
    console.log($(this).attr('name')+ ' removed lightOverlayRight'); 
    }
})
})
    });
}); 

$('input[type=text]').keyup(function() {