2009-11-25 4 views
17

Как написать диалог подтверждения в javascript с пользовательскими выборами?пользовательские варианты в диалоговом окне подтверждения javascript

Вместо «ОК» и «Отмена», я хотел бы иметь, например, «Это» «Это» и «Другое».

+0

Возможный дубликат [как показать предупреждение подтверждение с тремя кнопками «Да», «Нет» и «Отмена», как это показывает в MS Word] (http://stackoverflow.com/questions/9091001/how-to-show-confirmation-alert-with-three-buttons-yes-no-and-cancel-as-it) –

+0

Что касается возможного дубликата - Хотел бы отметить, что этот вопрос был написан два года назад;) –

ответ

16

Одним словом, вы не можете.

Возможно, вы захотите рассмотреть возможность использования чего-то вроде jQuery UI dialog.

2

Вы не можете. Используйте библиотеку javascript UI (jQuery UI, YUI, Mootools) и подберите себе диалоговое окно.

2

Вы можете попросить пользователя для ответа с помощью:

var userChoice = prompt("Question"); 

Вы могли цикл эту фразу до тех пор, пока пользователь не введет ответ в годные.

1
// custom Confirm builder 
function OnConfirm(text, func) { 

    var _confirm = $('<div/>').addClass('confirm'); 
    _confirm.append($('<h2/>').text(text)); 

    _confirm.append('<br/><br/>'); 

    var _btnCancel = $('<input/>').attr('type', 'button').val('cancel') 
     .bind('click', function() { 
      $(this).parent('.confirm').hide(); 
      func(false); 
     }); 

    var _btnApply = $('<input/>').attr('type', 'button').val('OK') 
     .bind('click', function() { 
      $(this).parent('.confirm').hide(); 
      func(true); 
     }); 

    _confirm.append(_btnCancel); 
    _confirm.append(_btnApply); 
    $('body').append(_confirm); 
} 

$(function() { // documen.loaded 
    $('#testLink').click(function (e) { 
     e.preventDefault(); ; 
     var _href = $(this).attr('href'); 
     var _title = $(this).attr('title'); 
     // call custom confirm function with callback function 
     OnConfirm(_title, function (_isContinue) {    
       if (_isContinue) { 
        location.href = _href; 
       } 
      } 
     ); 
    }); 
}); 
Смежные вопросы