자바 스크립트로 양식 선택

필드의 가변 양을 가진 선택 양식을 받고 싶습니다. 이것을 달성하기 위해 먼저 db에 연결하고 PHP에서 javascript로 데이터를 변환합니다. 그럼 내가 배열 (wynik) 값을 가지고,하지만 내가 그것을 인쇄하려고하면 내가 빈 선택 양식 및 모든 값을 옆에 표시 얻을.자바 스크립트로 양식 선택

<script language="javascript"> 
function addInput() { 
document.getElementById('text').innerHTML += "<select name='add' /><br />"; 
for (i=0;i<wynik.length;i++) 
{ 
document.getElementById('text').innerHTML += "<option value=" + "wynik[i]" + " />" + wynik[i] + "</option />"; 
} 
document.getElementById('text').innerHTML += "</select />"; 
} 
</script>

그리고 HTML 코드 :

<form name="add" action="add_form.php" method="post"> 
<div id="text"> 
</div> 
<br> 
<input type="submit" value="Submit" /> 
</form> 
<input type="button" onclick="addInput()" name="add" value="Add value" />

양식에 그것을 넣어 도와주세요 내 자바 스크립트 함수가있다.

출처

2013-07-15 user2583738

'<= "자바 스크립트"스크립트 언어>? 이것은 1997 년이 아니므로 HTML 3.2를 작성하지 마십시오. – Quentin

@Quentin 와우, 당신은 이것이 바로 3.2라고 말할 수 있습니까? – pattyd

@pattyd - HTML 2에 스크립트 요소가 없습니다. HTML 4는 type 속성을 필수로 만들었습니다. 나는 다소 우스꽝 스럽지만, HTML 3.2보다는 끔찍한 태그 수프라는 뜻이다. 진짜 메시지는 * 적당한 HTML *을 쓰십시오. – Quentin

브라우저는 innerHTML에 단지 시작 태그를 쓸 수없는 결과 , DOM을 당신이 그것을 HTML을 작성할 때마다 수정을 시도합니다.

모든 HTML을 문자열로 작성한 다음 한 번에 삽입하십시오.

더 나은 점은 아직 createElement, appendChild 및 친구를 사용하는 것입니다.

출처

2013-07-15 14:08:07 Quentin

감사합니다. 지금 작동합니다 : D – user2583738

아마도 <select name='add' /> 이후 <br />을 제거해야합니다. 또한 </select />은 /를 필요로하지 않습니다 (처음부터 포함) - </select>. 당신은 아약스와 함께 시도 할 수

출처

2013-07-15 14:15:51

-1

또 다른 방법 :`

<!-- Script --> 
<script type="text/javascript"> 
$(function(){ 
    $("#add").on('click', function(){ 
     $.ajax({ 
      url  : 'ajax.php', 
      type : 'POST', 
      success : function(resp){ 
       $("#backend").html(resp); 
      }, 
      error : function(resp){ 

      } 
     }); 
    }); 
}); 
</script> 
<!-- HTML --> 
<div id="text"><select id="backend" name=""></select></div> 
<input type="button" id="add" value="Add value" /> 

<!-- Backend ajax.php --> 
<?php 
#your query here to fetch $wynik 
$str = ""; 
foreach($wynik as $value){ 
    $str .= '<option value="'.$value.'">'.$value.'</option>'; 
} 
return $str;

출처

2013-07-15 14:18:26

자바 스크립트로 양식 선택

답변

관련 문제