Hi, I'm trying to use jQuery change event for aui-select, here is my code:
myjiraplugin.vm:
$webResourceManager.requireResource("com.atlassian.auiplugin:dialog2")
$webResourceManager.requireResource("com.atlassian.auiplugin:aui-select")
<script type="text/javascript">
#include("js/myjiraplugin.js")
</script>
<button id="test-button" class="aui-button">Show dialog</button>
<section id="test-dialog" class="aui-dialog2 aui-dialog2-small aui-layer" aria-hidden="true">
<header class="aui-dialog2-header">
</header>
<div class="aui-dialog2-content">
<form class="aui">
<aui-select id="test-select" name="test-select" placeholder="Select..">
<aui-option id="yes">yes</aui-option>
<aui-option id="no">no</aui-option>
</aui-select>
</form>
</div>
<footer class="aui-dialog2-footer">
</footer>
</section>myjiraplugin.js:
AJS.$(document).ready(function() {
AJS.$("#test-button").click(function(e) {
e.preventDefault();
AJS.dialog2("#test-dialog").show();
});
AJS.$("#test-select").change(function(e) {
console.log(e);
});
}); the problem is that console always show 3 times outputs, but the aui-select just has been changed only once:
If I remove aria-hidde attribute from section tag, that will show just one output as normal, but can't get dialog box/popup window effect...
Did I miss something here?
Regards,
