javascript確認對話框中的自定義選擇

Question

如何使用自定義選項在JavaScript中編寫確認對話框？

取而代之的只是「好」和「取消」，我想例如「這個」「那個」和「其他」。

Answer 1

總之，你不能。

您可能想考慮使用類似jQuery UI dialog的東西來代替。

Answer 2

你不能。 使用一些JavaScript UI（jQuery UI，YUI，Mootools）庫並模仿您需要的對話框。

Answer 3

你可以要求用戶使用一個答案：

var userChoice = prompt("Question"); 

你可以循環的那句話，直到用戶輸入有效問卷中的答案。

Answer 4

最簡單的方法是使用bootbox庫：

Bootbox javascript library

Answer 5

// 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; 
       } 
      } 
     ); 
    }); 
});