Question

Demo

  $(function(){

var questions = $('#questions');

function refreshSelects(){
    var selects = questions.find('select');

    // Улучшаем элемент selects с помощью плагина Chose
    selects.chosen();

    // Ждем изменений
    selects.unbind('change').bind('change',function(){

        // Выбранная опция
        var selected = $(this).find('option').eq(this.selectedIndex);
        // Ищем атрибут data-connection
        var connection = selected.data('connection');

        // Удаляем следующий контейнер li (к=если есть)
        selected.closest('#questions li').nextAll().remove();

        if(connection){
            fetchSelect(connection);
        }

    });
}

var working = false;

function fetchSelect(val){

    if(working){
      alert('предлагаем Вам следующие товары: ')
        return false;
    }
    working = true;

    $.getJSON('ajax.php',{key:val},function(r){

        var connection, options = '';

        $.each(r.items,function(k,v){
            connection = '';
            if(v){
                connection = 'data-connection="'+v+'"';
            }

            options+= '<option value="'+k+'" '+connection+'>'+k+'</option>';
        });

        if(r.defaultText){

            // Плагин Chose требует, чтобы был добавлен пустой элемент опции
            // если нужно выводить текст "Пожалуйста, выберите"

            options = '<option></option>'+options;
        }

        // Строим разметку для раздела select

        $('<li>\
            <p>'+r.title+'</p>\
            <select data-placeholder="'+r.defaultText+'">\
                '+ options +'\
            </select>\
            <span class="divider"></span>\
        </li>').appendTo(questions);

        refreshSelects();

        working = false;
    });

}

$('#preloader').ajaxStart(function(){
    $(this).show();
}).ajaxStop(function(){
    $(this).hide();
});

// В начале загружаем выбор продукта
fetchSelect('productSelect');
});

告诉您如何选择标签而不是后者以活动链接的形式提供结果？也就是说，毕竟选择了，我想得到一个结果。例如，您绘制了所有参数，我需要为他提供可用产品列表。怎么做？此代码中需要更改的位置和内容？问题

Answer 1

<select id="select">
    <option value="" selected>Pick a Website</option>
    <option value="http://www.google.com/">Google</option>
    <option value="http://www.yahoo.com/">Yahoo</option>
</select>

<script>
    $(function(){
      // bind change event to select
      $('#select').bind('change', function () {
          var url = $(this).val(); // get selected value
          if (url) { // require a URL
              window.location = url; // redirect
          }
          return false;
      });
    });
</script>

顺序选择商品

1 个答案: