JQuery триггер вызывает все входы в форме?

Question

Я пытаюсь заставить следующий код запускаться один раз при загрузке / обновлении страницы, но он не работает после загрузки страницы, смена функции работает нормально.

если я кидаю предупреждение, в нем отображаются все входные значения для каждого ввода в форме

$(document).ready(function(e) {         
//attach handler and call once
    $(':input[name$=":finopt:2"]').change(function() {
        var arg = $(this).val();
        $.each(screwHolderArr,function(){
            //alert(screwImgPath+screwColorArr[arg]);
          $('#'+this).css("background-image", "url("+screwImgPath+screwColorArr[arg]+")")
        });

    });

    //trigger change once
    $(':input[name$=":finopt:2"]').trigger('change');
}

здесь есть поле выбора

<select name="36309:finopt:2" size="1">
                                      <option value="White Standoffs">White Standoffs</option>
                                      <option value="Black Standoffs">Black Standoffs</option>
                                      <option value="Silver Standoffs">Silver Standoffs</option>
                                    </select>

спасибо за любыепомощь заранее

Answer 1

Попробуйте:

$(document).ready(function(e) {  
//assign some id to your select       
//attach handler and call once
    $("select[id='yourSelectId']").change(function() {
        var arg = $(this).val();
        $.each(screwHolderArr,function(){
            //alert(screwImgPath+screwColorArr[arg]);
          $('#'+this).css("background-image", "url("+screwImgPath+screwColorArr[arg]+")")
        });

    });

    //trigger change once
    $("select[id='yourSelectId']").trigger('change');
}