에서 getElementById() 입력 폼

Question

은 내가

<select id="start" onchange="calcRoute();"> 
    <option value="somevalue">Dropdown 1</option> 
    <option value="somevalue">Dropdown 2</option> 
    <option value="somevalue">Dropdown 3</option> 
</select> 

모든 것이 제대로 작동 후

function calcRoute() { 
    var start = document.getElementById('start').value; 
} 

그리고있다. 이제 드롭 다운 목록 대신 입력 상자가 필요합니다. 문제는 내가

<form onsubmit="calcRoute();" method="get" id="start" action="#"> 
<input type="text" id="start" name="start"> 
<input type="submit" value="Go"> 
</form> 

과 노력하지만 ... 당신은 데모 here을 볼 수 있습니다 (이 서버에 양식을 제출 것) 작동하지 않습니다. 드롭 다운 목록은 필요 없다는 것을 기억하십시오 (모든 것이 작동한다는 것을 증명할 수있는 것입니다). 그래서 두 번 호출 된 함수의 문제는 없습니다. 자바 스크립트가없는 이름, ID를 검색으로

<input type="text" id="start" name="start"> 

:

<input type="text" id="startText" name="start"> 

사람 : 미리 감사는

Answer 1

:-) 당신은에서 변경해야합니다.

var start = document.getElementById('startText').value || document.getElementById('start').value; 

: 당신이 입력과 같은 페이지의 드롭 다운 목록을 사용하려면

, 당신은 그냥 뭔가에 변수 정의를 변경 (그리고 코드에서 ID는 무엇 자바 스크립트가 검색됩니다 다릅니다)

입력이 비어있는 것처럼 Javascript는 드롭 다운 목록의 값을 사용합니다. 양식 제출을 허용하지

<form> 
    <input type="text" id="start" name="start"> 
    <input type="button" onclick="calcRoute();" value="Go"> 
</form> 

다음 ID의 변화에 ​​ADITION에서

업데이트

는 같은 뭔가 양식을 변경합니다.