在弹出的html上运行javascript

时间:2015-08-14 13:12:48

标签: javascript jquery html

我有一个名为 main.php 的php页面,上面有一个下拉列表。在下拉列表中,有一个选项“添加新”。 当用户选择添加新选项时,另一个名为 popup.php 的php页面会在当前标题中打开,即main.php作为对话框。 poputp.php有输入表格。点击按钮保存,它必须执行一个JavaScript。但我不知道为什么javascript没有运行。

main.php

SELECT TOP (20) timestamp
FROM CPPM_03ChannelCountErrors
WHERE '2015-03-10 00:00:00' < timestamp AND timestamp < '2015-03-15 00:00:00'
AND skuid = '3252'
ORDER BY timestamp

popup.php

<div class="row">
    <select id="data" name="data" on;>
        <option value="1">Code Project</option>
        <option value="2">Stack Overflow</option>
        <option value="new">Add New</option>
    </select>
</div>

<script>
    function popup(val, arg){
        if(val.value == "new"){
            var url = 'popup.php';
            var $dialog = $('<div></div>')
                .load(url)
                .dialog({
                    autoOpen: false,
                    title: 'title',
                    width: 500,
                    height: 300
                });
                $dialog.dialog('open');
                return false;
        }
    }
</script>

1 个答案:

答案 0 :(得分:0)

使用onchange =“popup();”

<div class="row">
<select id="data" name="data" onchange="popup();">
    <option value="1">Code Project</option>
    <option value="2">Stack Overflow</option>
    <option value="new">Add New</option>
</select>
</div>

<script>


function popup(){
    var val = document.getElementById("data").value;
    if(val == "new") {
       prompt("execute your code here when condition met");
    }
}
</script>