자바 스크립트에서 mysql 데이터베이스의 데이터로 목록을 채우십시오.

양식을 작성하고 있습니다. 이전의 교육 기록에 대한 정보를 게시자에게 게시하도록 요청합니다. 양식의 스크린 샷과 여기에 첨부 된 코드가 있습니다.자바 스크립트에서 mysql 데이터베이스의 데이터로 목록을 채우십시오.

[IMG] http://i58.tinypic.com/ege104.png[/IMG]

[IMG] http://i59.tinypic.com/fxuf5w.png[/IMG]

여기 내 자바 스크립트 코드입니다 :

<body> 
     <form> 

      <div id="container1"> 
     <select name="institution" id="institution"> 
<option <?php if(isset($_POST['institution'])) { echo $_POST['institution']; } ?>>Select Institution</option> 
<?php 
$sql1a = "SELECT * FROM institution ORDER BY institution asc"; 
$smt1a = $dbs->prepare($sql1a); 
$smt1a -> execute(); 
while($row1a=$smt1a->fetch(PDO::FETCH_ASSOC)) 
{ 
if($row1a['institution']==$_GET['id3']) 
echo("<option selected value=$row1a[institution]>$row1a[institution]</option>"); 
else 
echo("<option value=$row1a[institution]>$row1a[institution]</option>"); 
} 
?> 
</select> 
Address: <input size="20" type="text" id="instaddress" name="instaddress" maxlength="20" size="20"> From:<input type="text" id="from" name="from" size="4" > To: <input type="text" id="to" name="to" size="4"> 
Did You Graduate?: Yes<input type="radio" onclick="checkRadio()" id="graduate" name="graduate" value="yes"> No 
<input type="radio" onclick="checkRadio()" id="graduate" name="graduate" value="no"> Certificate: <input size="20" type="text" id="certificate" name="certificate" maxlength="25" size="25"> 

       <a href="#" id="Add" onclick="addFields1()">Add </a><br> 
      </div> 

     </form> 
    </body>

어떻게 할 수 있습니다 여기에

<script> 
function removeFields1(){ 
//var container1 = document.getElementById("container1"); 
//container1.removeChild(input); 


} 
    function addFields1(){ 
     var container = document.getElementById("container1"); 

     var option = document.createElement("select"); //? how do I fix this up 


     //option.text = "Kiwi"; 
     //container.add(option); 
     container.appendChild(option);//? how do I fix this up 


     container.appendChild(document.createTextNode("Address: "));//Address form 

     var input = document.createElement("input"); 
     input.type = "text"; 
     input.id = "instaddress"; 
     input.name = "instaddress"; 
     input.size = 20; 
     input.maxlenth = 20; 
     container.appendChild(input); 

     container.appendChild(document.createTextNode("From: ")); // which year the person started   
     var from = document.createElement("input");     // studying in that institution 
     from.type = "text"; 
     from.id = "from"; 
     from.name = "from"; 
     from.size = 4; 
     from.maxlenth = 4; 
     container.appendChild(from); 

     container.appendChild(document.createTextNode("To: "));  // which year the person finished 
     var to = document.createElement("input");     // studying in that institution 
     to.type = "text"; 
     to.id = "to"; 
     to.name = "to"; 
     to.size = 4; 
     to.maxlenth = 4; 
     container.appendChild(to); 

     container.appendChild(document.createTextNode(" Did You Graduate?: Yes")); // radio buttons whether someone graduated or not   

     var grad = document.createElement("input"); 
     grad.type = "radio"; 
     grad.id = "graduate"; 
     grad.name = "graduate"; 
     grad.value = "yes"; //yes value for radio button 
     container.appendChild(grad); 

     container.appendChild(document.createTextNode(" No ")); 
     var grad1 = document.createElement("input"); 
     grad1.type = "radio"; 
     grad1.id = "graduate"; 
     grad.value = "no"; //no value for radio button 
     container.appendChild(grad1); 

     container.appendChild(document.createTextNode(" Certificate: ")); 

     var certificate = document.createElement("input"); 
     certificate.type = "text"; 
     certificate.id = "certificate"; 
     certificate.name = "certificate"; 
     input.size = 25; 
     input.maxlenth = 25; 
     container.appendChild(certificate); 

     var addInstitution = document.getElementById(" Add"); 
     var removeInstitution = document.getElementById("Remove"); 
    // container.removeChild(addInstitution); 

     //create and insert input/text 

     //create and insert button 
     addInstitution = document.createElement("a"); 
     addInstitution.id="Add" 
     addInstitution.href="#"; 
     addInstitution.text="Add"; 
     addInstitution.onclick=function(){addFields1();}; 

     removeInstitution = document.createElement("a"); 
     removeInstitution.id="Remove" 
     removeInstitution.href="#"; 
     removeInstitution.text=" Remove"; 
     container.appendChild(addInstitution); 
     container.appendChild(removeInstitution); 
     //removeInstitution.onclick=function(){removeFields1();}; 
     // 
     container.appendChild(document.createElement("br")); 

    } 

</script>

뿐만 아니라 양식 필드있다가 내가 자바 스크립트 섹션에 대한 드롭 다운 선택 메뉴를 만듭니다. 핥아 addFields1()?

드롭 다운 메뉴의 PHP 코드는 아래에 있습니다. 메뉴는 MySQL 데이터베이스의 데이터로 채워집니다. 무엇이 정확할까요

<option <?php if(isset($_POST['institution'])) { echo $_POST['institution']; } ?>>Select Institution</option> 
<?php 
$sql1a = "SELECT * FROM institution ORDER BY institution asc"; 
$smt1a = $dbs->prepare($sql1a); 
$smt1a -> execute(); 
while($row1a=$smt1a->fetch(PDO::FETCH_ASSOC)) 
{ 
if($row1a['institution']==$_GET['id3']) 
echo("<option selected value=$row1a[institution]>$row1a[institution]</option>"); 
else 
echo("<option value=$row1a[institution]>$row1a[institution]</option>"); 
} 
?> 
</select>

여러분 중 누군가가 자바 스크립트 코드를 수정하는 데 나를 도울 수 있습니까?

var option = document.createElement("select"); //? how do I fix this up 

var option = document.createElement("select"); //? how do I fix this up 
//option.text = "Kiwi"; 
//container.add(option); 
container.appendChild(option);//? how do I fix this up

출처

2015-01-22 Jose josemartinez Martinez

유 ~이 ... 집에 사람이? –

나를 도울 수있는 사람은 누구입니까? –

이 같은 의미 : 여기

내가 메뉴리스트에게 링크를 누르면 "추가"때마다 드롭 다운 자바 스크립트 기능을 사용할 수 있도록 수리 할 필요가 코드의 조각이다 ? 나는 이것이 약간의 도움이 될 수있는 희망

var slct = document.createElement("select"); //? how do I fix this up 
container.appendChild(slct);//? how do I fix this up 

//some php code that is generating js code 
<?php 
    $sql1a = "SELECT * FROM institution ORDER BY institution asc"; 
    $smt1a = $dbs->prepare($sql1a); 
    $smt1a -> execute(); 
    while($row1a=$smt1a->fetch(PDO::FETCH_ASSOC)) 
    { 
     echo("var opt=document.createElement(\"option\");\r\n"); 
     echo("opt.value=$row1a[institution];\r\n"); 
     echo("opt.text =$row1a[institution];\r\n"); 
     echo("slct.appendChild(opt);"); 
    } 
?> 

slct.value=<?php echo $_GET['id3']; ?>;

출처

2015-01-22 21:17:14

나는 그것을 지금 시험해 볼 것이다 Arash ... 나는 그것이 내가 원했던 것이라고 생각한다. –

미안 한 새싹 ... 그것은 작동하지 않는다! –

무엇이 문제입니까? 생성 된 소스 코드를 보내 주시겠습니까? –

자바 스크립트에서 mysql 데이터베이스의 데이터로 목록을 채우십시오.

답변

관련 문제