htmlでjavascript関数を接続する - javascript、html

私は私のボタンをクリックしても、何も起こっていないときに私のウェブサイト上にポップアップする必要があります私のHTMLと私のJS関数を接続する問題があります。

ここにコードです：

<script type="text/javascript">

ConfirmDialog("Fik du solgt din genstand?");

var solgtgenst = document.getElementById("solgtgenst");

solgtgenst.onclick = function ConfirmDialog(message) {
$("<div></div>").appendTo("body")
.html("<div><h6>"+message+"?</h6></div>")
.dialog({
modal: true, title: "Fik du solgt din genstand?", zIndex: 10000, autoOpen: true,
width: "auto", resizable: false,
buttons: {
Yes: function () {

$("body").append("<h1>Confirm Dialog Result: <i>Yes</i></h1>");

$(this).dialog("close");
} ,
No: function () {
$("body").append("<h1>Confirm Dialog Result: <i>No</i></h1>");

$(this).dialog("close");
}
},
close: function (event, ui) {
$(this).remove();

});
};
</script>

HTML

                                  <form>
<a class="btn btn-danger" href="delete/delete.product.php?product=<?php echo $encodeCodeProduct; ?>" id="solgtgenst" role="button" style="margin: 7px;">Slet</a>
</form>

回答：

あなたは少し混乱した。なぜ <a> 形の中にありますか？

あなたとフォームを削除することができます <a> 標準ボタンに移動してから使用します

function ConfirmDialog(message) {
$("<div></div>").appendTo("body")
.html("<div><h6>"+message+"?</h6></div>")
.dialog({
modal: true, title: "Fik du solgt din genstand?", zIndex: 10000, autoOpen: true,
width: "auto", resizable: false,
buttons: {
Yes: function () {
// $(obj).removeAttr("onclick");
// $(obj).parents(".Parent").remove();

$("body").append("<h1>Confirm Dialog Result: <i>Yes</i></h1>");

$(this).dialog("close");
} ,
No: function () {
$("body").append("<h1>Confirm Dialog Result: <i>No</i></h1>");

$(this).dialog("close");
}
},
close: function (event, ui) {
$(this).remove();

});                                        };
$("#solgtgenst").on("click", function(){
ConfirmDialog("Fik du solgt din genstand?");
});