2010-07-19 7 views
2

나는이 간단한 코드를 가지고 있습니다.HTML의 양식 요소 값을 변경하는 방법

<html> 
<head> 

    <script type="text/javascript"> 
    function changeText() 
    { 
     var form = document.forms['detail']; 
     form.desc.value="success"; 
    } 
    </script> 
</head> 
<body> 
    <form name="detail"> 
    <input type="text" name="desc" id="desc" > 
    <input type="submit" value="changetext" onClick=changeText()> 
    </form> 
</body> 
</html> 

내가 모질라 브라우저에서 "내림차순"변화라는 텍스트 상자의 값이 실행되지만 ... 즉시 사라지면 즉 영원히 같이 빈되고 있지 않습니다.

어떻게 해결할 수 있습니까?

감사합니다, 비제이 사용

답변

2

시도 :

<input type="submit" value="changetext" onClick="changeText(); return false;"> 

페이지가 상쾌처럼 보이는, 그리고 필드 텍스트가 사라집니다 이유는 아마이다. onClick 청취자가 false을 반환하면이 기본 동작이 금지됩니다.

해당 텍스트 상자에게 ID

를 제공하고 document.getElementById를 ("textboxid") = "성공"값을 실행할 수 있습니다

+0

위대한 ...이 작품! 감사 :) – user376539

1

.; 페이지가 다시로드됩니다 - 모든 브라우저 양식은 "submit"로 입력되는 버튼을 클릭에 제출됩니다

0

에서 작동

.

changeText() 메서드에서 false을 반환하고 양식이 제출되지 않도록 onClick=changeText()에서 onClick="return changeText();"으로 변경하십시오.

또는 제출을 방지하기 위해 버튼 유형을 "submit"에서 "button"으로 변경할 수 있습니다. 그런 다음 다른 제출 버튼을 추가해야합니다 (심지어 false을 보내면 양식을 제출하는 다른 방법을 찾아야합니다). .

0
<input type="text" name="txt" id="txt" value="Name" onblur="if(this.value.length == 0) this.value='Name';" onclick="if(this.value == 'Name') this.value='';" /> 
0

남자 쉘러

document.getElementById를 ("textboxid") 값 = "성공";

좋습니다.

비자 야 쿠마르-N

시도 VAR 형태 =하고 document.forms [ '세부']에 저장하는 단계; 숨겨진 입력에서! 그럼 당신은 항상 양식 데이터에 도달 할 수있을 것입니다 ..

관련 문제