Блог

У меня есть этот код, который ищет событие onchange:

 //Create destination switch
    $('#regionselect').change(function(){
        var selected = $(this).find(':selected');
        $('.optionvalue').fadeOut(function(){
             $('.optionvalue').html(selected.html()).fadeIn()
                 .attr('class', 'optionvalue ' selected.val());   
        });
        var count = $('.countrylist').length;
        $('.countrylist').slideUp(function(){
            if(!--count) {
               $('.' selected.val()).slideDown();
            }       
        });
    });
  

Здесь это работает отлично:
http://jsfiddle.net/XfPv7/1 /

Кто-нибудь может помочь?

 //This worked for me - I appear to have inherited similar jquery custom select code

function onChange()
{
    var el=document.getElementById("selectid");

    //el.options[] is your array of options
    if (el.options[0].selected==true)
        //Some code 
}
  

Ваша реальная проблема заключается в следующем:

http://www.thestc.co.uk/assets/js/form.js

Найденные здесь сценарии включают функции populateSelectOptions() , selectMe() , showOptions() , которые вместе служат для отключения вашего реального обработчика событий select onChange, поскольку вы вообще не взаимодействуете с вашим реальным select.

Если вы отключите сценарии выбора замены, все будет работать нормально. Смотрите: http://jfcoder.com/test/customselect.html

Редактировать

Вот своего рода способ грубой силы устранить проблему.

 function setDestOpts(dest) {
    reg = $('#regionselect');
    reg.val(dest);
    reg.trigger('change');
    $('#optionsDiv8').removeClass('optionsDivVisible').addClass('optionsDivInvisible');
}
var checkDest = function() {
    if ($('#optionsDiv8').length == 0) return;
    clearInterval(destinterval);
    c_opt = 0;
    $('#optionsDiv8 ul li a').each(function(c_opt){
        reg = $('#regionselect option');
        href = "javascript:setDestOpts('"   reg.eq(c_opt).val()   "');";
        $(this).attr('href', href);
        c_opt  ;
    });
}

var destinterval = setInterval(function(){checkDest()}, 500);
  

http://jfcoder.com/test/customselect.html

Все, что это делает, это изменяет Javascript, введенный в A.HREF, что является основной проблемой. Это имитирует изменение значения, а затем запускает событие onChange.

Обратите внимание, по какой-то причине jQuery не загружается при каждой загрузке страницы по этой ссылке на моем сайте, поэтому, если это не сработает с первого раза, перезагрузите страницу после ее полной загрузки.

В скрипте, которую вы используете select на «живом» сайте, вы используете какой-то пользовательский select (div)

 $('.outtaHere ul li a').click(function() {
 // do you stuff to show the elements
});
  

Я не знаю, можете ли вы изменить код пользовательского выбора, но было бы намного чище удалить встроенный код javascript.