Bootbox jquery内のJavascript関数

Question

こんにちは、私はどのようにブートボックスのjqueryで関数を呼び出すことができますか？

これは select name="Status"で私は、可能な場合は示してhtml_form VARで呼び出さtableのtrを隠す機能を呼び出します、例です。どうすればいい？あなたのケースでは

function ChangeStatusDossier(UtenteCreatore) { 
    var html_form = '<form name="ChangeStatusDossier" id="ChangeStatusDossier" class="ChangeStatusDossier"><table><tr><th colspan="2"><h2 class="blue">Change Dossier Status</h2></th></tr><tr><td><strong>Choose status </strong>&nbsp;&nbsp;</td><td><select name="Status" onchange="Show(this.value);"><option value="0">Under process</option><option value="1">Under collection</option><option value="2">Cargo collected</option><option value="159">In Warehouse</option><option value="1485">To Destination</option></select></td></tr><tr id ="HubChoose" style="display:none;"><td>Choose hub</td><td><select name="Hub"><option>HUB MILANO</option></select></td></tr><input type="hidden" name="UtenteCreatore" value="' + UtenteCreatore + '"></table><form>'; 
    bootbox.confirm(html_form, function (result) { 
     if (result) { 
      $('#ChangeStatusDossier').submit(); 
     } 
    }); 
    function Show(value) { 
     if (value == "159") { 
      $("#HubChoose").show(); 
     } 
    } 
} 

Answer 1

それがconfirmの代わりにdialog方法を使用することをお勧めします。ここで

は、あなたがそれを行うことができる方法です：

function ShowHub(value) { 
    if (value == "159") { 
    $("#HubChoose").show(); 
    } 
    else { 
    $("#HubChoose").hide(); 
    } 
} 

jQuery("#default").on("click", function() { 
    bootbox.dialog({ 
    title: "This is a form in a modal.", 
    message: 
'<form class="ChangeStatusDossier" id="ChangeStatusDossier" name="ChangeStatusDossier">' + 
    '<input name="UtenteCreatore" type="hidden" value="' + UtenteCreatore + '">' + 
    '<table>' + 
     '<tr>' + 
      '<th colspan="2">' + 
       '<h2 class="blue">Change Dossier Status</h2>' + 
      '</th>' + 
     '</tr>' + 
     '<tr>' + 
      '<td><strong>Choose status</strong> &nbsp;&nbsp;</td>' + 
      '<td><select name="Status" onchange="ShowHub(this.value);">' + 
       '<option value="0">' + 
        'Under process' + 
       '</option>' + 
       '<option value="1">' + 
        'Under collection' + 
       '</option>' + 
       '<option value="2">' + 
        'Cargo collected' + 
       '</option>' + 
       '<option value="159">' + 
        'In Warehouse' + 
       '</option>' + 
       '<option value="1485">' + 
        'To Destination' + 
       '</option>' + 
      '</select></td>' + 
     '</tr>' + 
     '<tr id="HubChoose" style="display:none;">' + 
      '<td>Choose hub</td>' + 
      '<td><select name="Hub">' + 
       '<option>' + 
        'HUB MILANO' + 
       '</option>' + 
      '</select></td>' + 
     '</tr>' + 
    '</table>' + 
'</form>', 
    buttons: { 
     success: { 
     label: "Submit", 
     className: "btn-success", 
     callback: function() { 
      $('#ChangeStatusDossier').submit(); 
      showResult("Form submitted!"); 
     } 
     }, 
    cancel: { 
     label: "Cancel", 
     className: "btn-danger", 
     callback: function() { 
     showResult("Canceled!"); 
     } 
    } 
    } // buttons 
    }); // dialog 
}); 


function showResult(result) { 
    if (typeof result !== "undefined" && result !== null) { 
    console.log(result); 
    } 
} 

ここにあなたの質問をクリアし、私はあなたが望むものを理解するのに役立ち、あなたのコードをインデントしてください作業DEMO