javascript에서 html 형식으로 매개 변수를 전송하는 방법

이 유형의 문제를 검색하는 데 많은 시간을 할애했지만 적절한 대답을 찾지 못했습니다. 내가 뭘 노력하고 자바 스크립트에서 텍스트 이름을 <input type='text' name="qname"> 얻고 HTML 양식을 보내주십시오. 가능성이 있니? 내 스트레스가이 부분에있다. 코드 :javascript에서 html 형식으로 매개 변수를 전송하는 방법

<html> 
<!-- skipped part--> 
<script type="text/javascript" defer="defer"> 
    function create() 
    { 
     var newDiv = document.createElement('div'); 
     var divId = "someId"; 
     newDiv.id = divId; 
     var output = "<table id='e' border><tr><td><input type='text' name="qname"></td><td><input type='text1' name="qty"></td><td><input type='text' name="price"></td><button onclick=del('"+ divId +"')>delete</button></td></tr></table>"; 
     newDiv.innerHTML = output; 
     newDiv.className = 'newClass'; 
     document.body.appendChild(newDiv);       
    } 


    function del (id) { 
     var div = document.getElementById(id); 
     div.parentNode.removeChild(div); 
    } 


    </script> 


<body> 
    <form method="post" action="transaction.php" onclick="create()">  
    <button onclick="create()">create</button> 
    <input type="submit" value="submit" /> 

    </form> 
</body>

출처

2014-01-16 user3187733

당신이 볼 수있는 당신이 잘못 인용했다고

Uncaught SyntaxError: Unexpected string

이처럼 문자열을 포맷하십시오 당신이'var output = "

두 가지 문제가 있습니다. 1) 그 따옴표를 이스케이프해야합니다 :'name = \ "qname \"'. 2) 게시하고 싶다면, 본문이 아닌 서식을 추가해야합니다 :'document.getElementsByTagName ("form") [0] .appendChild (newDiv); ' – CodingIntrigue

div에 글을 쓸 필요가 있습니다. html 형식으로 보내십시오. – user3187733

답변

당신은 몸에 대신의 형태에 새로운 HTML을 추가합니다. 양식에 ID를 지정합니다 (예 : 당신은 당신의 output 변수 문자열이 잘못 형성이

document.getElementById("myform").appendChild(newDiv);

출처

2014-01-16 16:40:40

나는 포럼 껍질을 이해하고 있는데 document.getElementById ("myform"). appendChild (newDiv); 함수 끝내기 전에는? – user3187733

예, 그렇게 생각합니다 ... –

일어나지 않습니다. 또한 데이터베이스에 전체 행을 배치 할 수 있습니까? – user3187733

<form method="post" action="transaction.php" onclick="create()" id="myform">

한 다음에 폼에 입력을 추가합니다. 콘솔을 선택하면

, 당신은 볼 수 있습니다 :

이

var output = "<table id='e' border><tr><td><input type='text' name='qname'></td><td><input type='text1' name='qty'></td><td><input type='text' name='price'></td><button onclick=del('" + divId + "')>delete</button></td></tr></table>";

이 데모 : http://jsfiddle.net/IrvinDominin/Lcnet/이

이

출처

2014-01-16 16:41:27

또는 따옴표를 이스케이프 처리하십시오 :' "

statue

javascript에서 html 형식으로 매개 변수를 전송하는 방법

답변

관련 문제