Javascript가이 오류를 throw하는 이유

Question

다음 형식의 "form"형식의 숨겨진 필드 "abc"에 str 값을 지정하려는 javascript가 있습니다. 경고 상자에 str 값을 생성하지만 을 사용하여 abc에 해당 값을 할당하려고하면 "document.forms [form] .abc.value = str;" 변수 이미지 URL을 동적으로 내가 이것을 제거하려면 어떻게 같은 http://localhist/local/..../1234.jpg

를 생성 한 URL을 포함

Message: 'document.forms.form.abc' is null or not an object 
Line: 140 
Char: 5 
Code: 0 

다음 오류 다음 발생 ... ...

<script language="JavaScript"> 
     function imgurl() 
     { 
      var str=image_url; 
      alert("Image Stored @"+str); 

      document.forms["form"].abc.value=str; 
      //document.getElementById('url').innerHTML=str; 

     } 
    </script> 


<form name="form"> 
    <input type="button" value="URL" onclick="javascript:imgurl();"> 
          </td><br> 
      <td valign=top> 
       <div id="upload_results" style="border:2px black"></div><br/> 
       <input type="hidden" name="abc" value=""> 
       <br/><p id="url"/> 
      </td> 
      </tr> 
    </form> 

Answer 1

사용 ids.

<input type="hidden" id="abc" name="abc" value=""> 

자바 스크립트 :

function imgurl() { 
    document.getElementById("abc").value = img_url; 
}