Dropdown on Change 옵션 선택

Question

데이터베이스 처리를위한 웹 페이지를 디자인 중입니다. 그래서 아이디어는

1. 내가 드롭 다운을 가지고있다
2. 때 옵션에 사용자가 클릭,
3. 가 직접 다른 웹 페이지에 새로운 페이지에서
4. 포함 된 새 창을 열에서 값을 받고 나는이 옵션을 클릭하면 문제가 $_POST

와 데이터베이스 모니터링에 대한 새로운 페이지 dropdown는, 그 새 페이지가 아닌 새 창 형태로 리디렉션합니다. 내가 선택한 값을 보내려면 어떻게합니까 방법은

<script> 
      $(function(){ 
       $('#cd-dropdown').bind('change', function() { 
        var url = $(this).val(); // get selected value 
        if (url) { // require a URL 
         window.location = "monitorIndex.php"; // redirect 
        } 
        return false; 
       }); 
      }); 
     </script> 

,

$newVal = strval($_POST['PROJECT_NAME']); 

내 코드가 함께 새로운 페이지에 사용 및 마크 업합니다 :

$projectParse = oci_parse($conn, 'SELECT DISTINCT PROJECT_NAME FROM MASTER_DRAWING ' 
             . 'ORDER BY PROJECT_NAME ASC'); 
           oci_execute($projectParse); 

           echo '<select name="cd-dropdown "id="cd-dropdown" class="cd-select">'; 
            echo '<OPTION VALUE="">PROJECT SELECT</OPTION>'; 
            while($row = oci_fetch_array($projectParse,OCI_ASSOC)){ 
             $projectName = $row ['PROJECT_NAME']; 
             echo "<OPTION VALUE='$projectName'>$projectName</OPTION>"; 
            } 
           echo '</select>'; 

Answer 1

하면 아래의 코드를

$('#cd-dropdown').change(function(){ 
    var id = $(this).val(); 
    $.ajax({ 
     type: "POST", 
     url: "monitorIndex.php", 
     data: { PROJECT_NAME: id } 
    }) 
    .done(function(msg) { 
     var myWindow = window.open("", "MsgWindow", "width=800, height=800"); 
     myWindow.document.write(msg); 
    }); 
}); 

Answer 2

이 하나를 시도하십시오.

$('#cd-dropdown').change(function(){ 
    var id = $(this).val(); 
    window.location = 'monitorIndex.php?id=' + id; 
}); 

Answer 3

This method should take you to new window with ProjectName in URL. 

    $('#dropdown').change(function(){ 
     var id = $(this).val(); 
     window.open ('monitorIndex.php?id=' + id ,'_blank'); 
    }); 



Or another way is if you are using HTML5 , you can use local storage, 
You can basically keep the value on client side localstorage and can access it on any other page. 

// Store 
localStorage.setItem("projectname", "abc"); 
// Retrieve 
document.getElementById("result").innerHTML = localStorage.getItem("projectname");