자바 스크립트 텍스트 상자를 변수로

zDoude

나는 하루나 이틀 동안 작은 프로젝트를 진행하고 있습니다. 코드는 다음과 같습니다.

<!DOCTYPE html>
<html>
<head>
<script>

function search() 
{
document.getElementById("text1").value


window.location.hash = "myVariable";
}
</script>

</head>
</body>
<form name="myform">
<input type="text" name="text1" value="">
<input type="button" value="Search" onclick="search()">
</form>


<div style="height: 4000px"></div>
<span id='yeah'>I have successfully jumped.</span>
<div style="height: 4000px"></div>

</body>
</html>

이제이 코드로 무엇을 달성하려고하는지 궁금 할 것입니다. 글쎄요, 텍스트 상자에 값을 입력하면 섹션으로 이동합니다 (섹션은 텍스트 상자의 값입니다). 검색 엔진과 비슷하지만 그렇지 않습니다.

예를 들어 섹션은 예입니다. 사용자가 텍스트 상자에 yeah를 입력하면 yeah 섹션으로 이동해야합니다. 대신 아무 일도 일어나지 않습니다. 인터넷을 샅샅이 살펴 봤음에도 불구하고 제 요구에 맞는 답을 찾지 못했기 때문에 제 문제가 무엇인지 설명해 주시고 제 문제에 대한 해결책을 제공해 주시기 바랍니다.

Mozilla Firefox 웹 브라우저를 사용하고 있습니다 (해당 정보가 필요한 경우).

브라이스

Dalorzo가 작동해야하지만이 함수 이상의 기능을 추가하려는 경우 jQuery가 원시 자바 스크립트보다 더 나은 옵션이 될 수 있습니다.

여기에 당신이하려는 일에 대한 바이올린 이 있습니다.

$("#button1").click(function() {
    var t = $("#text1").val();

    alert(t);

    $('html, body').animate({
        scrollTop: $("#"+t).offset().top
    }, 2000);
});

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

텍스트 상자에 자바 스크립트 변수 결정

분류에서Dev

자바 스크립트로 텍스트 상자 텍스트 색상 변경

분류에서Dev

링크에서 텍스트 상자로의 자바 스크립트 텍스트

분류에서Dev

자바 스크립트에서 텍스트 상자 값 변경

분류에서Dev

텍스트 상자를 동적으로 추가하는 자바 스크립트

분류에서Dev

자바 스크립트 가로 스크롤 텍스트, 색상 변경

분류에서Dev

자바 스크립트 함수 역 텍스트 색상

분류에서Dev

입력 텍스트에 자바 스크립트 변수 전달

분류에서Dev

상수를 자바 스크립트로 트랜스 파일

분류에서Dev

순수 자바 스크립트로 버튼 텍스트 전환

분류에서Dev

자바 스크립트로 텍스트 자르기

분류에서Dev

스크립트로 해석되는 자바 스크립트 텍스트

분류에서Dev

자바 스크립트를 사용하여 한 텍스트 상자에서 다른 텍스트 상자로 텍스트 만 복사

분류에서Dev

자바 스크립트에서 텍스트 상자의 값 변경

분류에서Dev

간단한 자바 스크립트 onClick 텍스트 변경

분류에서Dev

자바 스크립트 변경 토글 버튼 텍스트

분류에서Dev

텍스트 상자 값을 16 진수로 변환 하시겠습니까? 자바 스크립트

분류에서Dev

자바 스크립트 배열로 텍스트 파일로드

분류에서Dev

자바 스크립트로 버튼 클릭시 텍스트 상자 추가

분류에서Dev

자바 스크립트로 버튼 클릭시 텍스트 상자 추가

분류에서Dev

자바 스크립트를 통한 동적 텍스트 상자

분류에서Dev

자바 스크립트 함수 상속

분류에서Dev

자바 스크립트를 사용하여 소수점을 2로 제한하는 텍스트 상자

분류에서Dev

자바 스크립트 함수에 텍스트 전달

분류에서Dev

자바 스크립트로 댓글 텍스트 가져 오기

분류에서Dev

HTML에서 자바 스크립트로 텍스트 입력

분류에서Dev

자바 스크립트로 텍스트 필드 비활성화

분류에서Dev

HTML 텍스트를 이미지-자바 스크립트로 변환

분류에서Dev

자바 스크립트 함수를 매개 변수로 전달

Related 관련 기사

  1. 1

    텍스트 상자에 자바 스크립트 변수 결정

  2. 2

    자바 스크립트로 텍스트 상자 텍스트 색상 변경

  3. 3

    링크에서 텍스트 상자로의 자바 스크립트 텍스트

  4. 4

    자바 스크립트에서 텍스트 상자 값 변경

  5. 5

    텍스트 상자를 동적으로 추가하는 자바 스크립트

  6. 6

    자바 스크립트 가로 스크롤 텍스트, 색상 변경

  7. 7

    자바 스크립트 함수 역 텍스트 색상

  8. 8

    입력 텍스트에 자바 스크립트 변수 전달

  9. 9

    상수를 자바 스크립트로 트랜스 파일

  10. 10

    순수 자바 스크립트로 버튼 텍스트 전환

  11. 11

    자바 스크립트로 텍스트 자르기

  12. 12

    스크립트로 해석되는 자바 스크립트 텍스트

  13. 13

    자바 스크립트를 사용하여 한 텍스트 상자에서 다른 텍스트 상자로 텍스트 만 복사

  14. 14

    자바 스크립트에서 텍스트 상자의 값 변경

  15. 15

    간단한 자바 스크립트 onClick 텍스트 변경

  16. 16

    자바 스크립트 변경 토글 버튼 텍스트

  17. 17

    텍스트 상자 값을 16 진수로 변환 하시겠습니까? 자바 스크립트

  18. 18

    자바 스크립트 배열로 텍스트 파일로드

  19. 19

    자바 스크립트로 버튼 클릭시 텍스트 상자 추가

  20. 20

    자바 스크립트로 버튼 클릭시 텍스트 상자 추가

  21. 21

    자바 스크립트를 통한 동적 텍스트 상자

  22. 22

    자바 스크립트 함수 상속

  23. 23

    자바 스크립트를 사용하여 소수점을 2로 제한하는 텍스트 상자

  24. 24

    자바 스크립트 함수에 텍스트 전달

  25. 25

    자바 스크립트로 댓글 텍스트 가져 오기

  26. 26

    HTML에서 자바 스크립트로 텍스트 입력

  27. 27

    자바 스크립트로 텍스트 필드 비활성화

  28. 28

    HTML 텍스트를 이미지-자바 스크립트로 변환

  29. 29

    자바 스크립트 함수를 매개 변수로 전달

뜨겁다태그

보관