запустить javascript на popup html

Question

У меня есть страница php с именем main.php с выпадающим списком на нем. В выпадающем списке есть опция «Добавить новый». Когда пользователь выбирает Добавить новую опцию, другую страницу php с именем popup.php Открыть в текущем pate i.e. main.php в виде диалогового окна. poputp.php имеет формы ввода. при нажатии кнопки сохранения, он должен выполнить javascript. Но я не знаю, почему javascript не работает.

main.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> 

popup.php

<input type="text" name="value" id="value"/> 
<input type="button" id="add" /> 

<script> 
    $('#add').click(function(){ 
     alert($('value').val()); 
    }); 
</script> 

Answer 1

использование OnChange = "всплывающее окно();"

<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>