###jquery ui で、dialogを表示、その中で、計算結果を表示したい。
ここに質問したいことを詳細に書いてください
jqueryもそうですが、javascriptに関しても素人です。
jqueryを活用すると、javascriptをある程度簡単に活用できることをしり、勉強中です。
dialogの表示方法を勉強中ですが、dialog内で、足し算をして、その結果を同じdialog内に表示をしたいです。
一度dialogを表示すると、ボタンを押して、違う場所に出力等のやり方はネットで検索をするとでてきますが、dialog内での、処理の仕方は検索方法が見当違いなのかまったくでてきません。
アドバイスをいただければと、質問させていただきました。
###発生している問題・エラーメッセージ
dialogに表示はできるが、そこから、dialog内で、処理をする方法がわからない。
エラーメッセージ
###該当のソースコード
<!DOCTYPE html> <html lang="ja"> <meta charset=utf-8> <link rel="stylesheet" href="jquery-ui.css"> <script src="jquery.js"></script> <script src="jquery-ui.js"></script> <script type="text/javascript"> $(function(){ $("#a").dialog({ autoOpen:false, }); $("#link").click(function(){ $("#a").dialog("open"); }); }); </script> <body> <a href="#" id="link" class="ui-state-default ui-corner-all" style="width:20px; display:block; padding:5px;"> <span class="ui-icon ui-icon-newwin"></span> </a> <div id="a" title="掛け算"> <form methot="post"><input type="text" size="3" id="su1" />+<input type="text" size="3"id="su1" /><input type="button" value="=" onClick="kei" />
<br />
結果
###試したこと
###補足情報(言語/FW/ツール等のバージョンなど)
javascript jquery ui
jQuery UI 1.12