Ссылка Выбрать вход для другого входа

Question

Ссылка Выбрать вход для другого входа

0

Я хочу, чтобы мои входы ссылались на другой вход, используя jQuery, в то время как все 3 входа остаются в своих местах и не исчезают.

Input 1 ->   Input 2 ->      Input 3 ->     
Selected    Choose option   Choose option

Наконец, когда пользователь нажмет на весь выбор, появится кнопка " Перейти " и будет иметь уникальную гиперссылку внутри.

как это:

Input 1 ->   Input 2 ->      Input 3 ->     Go Button (with unique hyperlink to each selection)
Selected    Choose option   Choose option

Я видел это, добавляя текст ввода при выборе опции, но это не то, что мне нужно, а наоборот.

Что-то вроде этого http://jsfiddle.net/Mm2mu/2/, но без радио-боксов.

См. Здесь пример изображения http://oi62.tinypic.com/kew60n.jpg

StackBuck 27 апр. 2014, в 10:06

Источник

0

Это то, что вы хотите? jsfiddle.net/hMEad/4
rozklad 27 апр. 2014, в 08:21
0

Да. Что-то вроде. Но мне нужно, чтобы входные данные оставались на месте все время, а не показывались после выбора варианта. Кроме того, как я могу отобразить «кнопку перехода» в результате?
StackBuck 27 апр. 2014, в 09:05
0

Так это то, что вы имели в виду? jsfiddle.net/hMEad/19
rozklad 27 апр. 2014, в 11:13
0

Да, и я увидел гиперссылку. Но мне нужно, чтобы он отображался после третьего выбранного ввода (не метод текстового типа).
StackBuck 27 апр. 2014, в 13:18
0

Большой! Я перехожу в выбранную область, и она работает! Спасибо! Пожалуйста, напишите свой комментарий как решение, чтобы я мог оценить вас!
StackBuck 27 апр. 2014, в 13:43
0

Очень хорошо, да, эти входные данные могут быть практически любого типа, я хотел показать возможность.
rozklad 27 апр. 2014, в 14:06

Показать ещё 4 комментария

Теги:

javascript

jquery

html

2 ответа

0

Я просто добавляю:

$('input').hide();

http://jsfiddle.net/guinatal/Mm2mu/4/

guinatal 27 апр. 2014, в 06:37

Ещё вопросы

Да. Что-то вроде. Но мне нужно, чтобы входные данные оставались на месте все время, а не показывались после выбора варианта. Кроме того, как я могу отобразить «кнопку перехода» в результате?
Так это то, что вы имели в виду? jsfiddle.net/hMEad/19
Да, и я увидел гиперссылку. Но мне нужно, чтобы он отображался после третьего выбранного ввода (не метод текстового типа).
Большой! Я перехожу в выбранную область, и она работает! Спасибо! Пожалуйста, напишите свой комментарий как решение, чтобы я мог оценить вас!
Очень хорошо, да, эти входные данные могут быть практически любого типа, я хотел показать возможность.

rozklad · Accepted Answer · 2014-04-27T12-07-00.000Z

Одним из решений было бы наблюдать входы с определенным классом, все отключенные. Проверьте, были ли они установлены значения и в конечном итоге включить следующий ввод с тем же классом в той же форме.

$(document).ready(function() {
    var $forms = $('form');

    $forms.each(function(){

        var $form = $(this);

        // scan each form for inputs with .input-step class
        var $steps = $(this).find('.input-step');
        if ( $steps.length > 0 ) {
            $steps.not(':first').prop('disabled', true);
            $steps.change(function(){
                var val = $(this).val();
                if ( val !== '' ) {
                    checkSubmitAvailability($form);
                    $form.find('.input-step:disabled:first').prop('disabled', false);
                }
            });
        }

    });
});

// Checks if all steps were made
// eventually enables submit actions
function checkSubmitAvailability($form) {
    if ($form.find('.input-step:disabled').length === 0 ) {
        $form.find('.input-finish').each(function(){
            $(this).removeClass('hidden');
            if ( typeof $(this).attr('href') !== 'undefined' ) {
                // element has attribute href, add data to this attribute
                var data = $form.find('.input-step');
                $(this).attr('href', $(this).attr('href') + '?' + data.serialize());
            }
        });
    }
}

Я использую одну форму как область действия и ввод с классом "вход-шаг" здесь, но это может быть любое другое.

Вот скрипка http://jsfiddle.net/hMEad/19/