변수를 HTML 양식으로 전달 자바 스크립트

Question

프로그래머가 아니기 때문에 무언가를 만들려고 노력하는 사람이 아니기 때문에 내 경험이 변명하십시오. 정확한 용어와 복잡한 설명이 내 머리 위로 곧바로 전달 될지 확실하지 않습니다.

본질적으로 장바구니에 링크 된 간단한 양식에 전달 된 웹 페이지 URL의 일부를 얻으려고합니다. 즉 xxxxxxx 형식의 파일 이름을 얻는 방법입니다. Javascript에서 가능합니까?

<script type="text/javascript"> 
var url = window.location.pathname; 
var filename = url.substring(url.lastIndexOf('/')+1); 
document.write (filename); 

</script> 
<form action="http://www.mywebspace.com/cf/add.cfm" method="post"> 
<input type="hidden" name="userid" value="12345678"> 
<input type="hidden" name="product" value="xxxxxxx"> 
<input type="hidden" name="price" value="5.00"> 
<input type="Submit" value="Buy now!"> 
</form> 

Answer 1

예 가능합니다.

document.write를 수행하는 대신 양식을 업데이트해야합니다. 당신의 이름 값을 가정하면 현재 올바른 :

//js 
document.getElementById("name-of-file").value = filename; 

<!- html --> 

... ...

Answer 2

나는 현재 HTML 구조와 함께 작동하는 코드 조각을 제공했습니다. 내가 제안 할 수 있지만 당신이 제품 필드를 루프 검색 요소에 대한 필요성을 방지하기 위해 ID 제공 :

변경 : 양식은 주어진 페이지에 한 번있는 경우

var url = window.location.pathname, 
    filename = url.substring(url.lastIndexOf('/')+1); 
    fields = document.getElementsByTagName('input'); 

for(var i = 0; i < fields.length; i++){ 
    if(fields[i].name == 'product') { 
     fields[i].value = filename; 
     break; 
    } 
} 

Answer 3

을이 쉬운 솔루션입니다 그것은 할 수 있습니다 : 당신의 자바 스크립트에서

<input type="hidden" id="productField" name="product" value="xxxxxxx"> 

,

document.getElementById('productField').value = filename;