HTML 입력을 동적으로 채우기

안토 나 키스

jquery를 사용하여 다른 두 텍스트 입력 값에 따라 동적으로 채워지 길 원하는 링크 (태그)가 있습니다.

예를 들면

Category: <input type="text" name="category"><br>
Sub-Category: <input type="text" name="subcat"><br>


<a href="http://domain.com/cat=$category/sub=$subcat">You will view $subcat under $category</a>

모든 팁, 안내를 부탁드립니다.

편집 : 입력 값으로 채워집니다.

사틴 더 싱

텍스트 상자, 태그에 클래스와 ID를 추가했으며 변경 이벤트에서 태그의 경로, txt를 설정했습니다.

Category: <input id="txtCategory" type="text" class='myEvent' name="category"><br>
Sub-Category: <input  id="txtSubCat" type="text" class='myEvent' name="subcat"><br>


<a id="myAnchor" href="http://domain.com/cat=$category/sub=$subcat">You will view $subcat under $category</a>

$(".myEvent").on('input', function () {

    var category = $("#txtCategory").val();
    var subCategory = $("#txtSubCat").val();
    var set_hrefSrc = "http://domain.com/cat=" + category + "/sub=" + subCategory;

    $("#myAnchor").html("you will view" + subCategory + " under " + category).attr("href", set_hrefSrc);

});

JsFiddle 데모

블로그 학습 jQuery : 간단하고 쉬운 jQuery 튜토리얼

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

HTML 테이블의 열을 동적으로 채우기

분류에서Dev

html 입력 필드의 값을 동적으로 읽기 : python

분류에서Dev

목록을 동적으로 채우기

분류에서Dev

목록을 동적으로 채우기

분류에서Dev

HTML 선택 및 입력으로 div 채우기

분류에서Dev

숫자 입력으로 HTML 5 캔버스 채우기

분류에서Dev

xmlhttp.responseText를 기반으로 HTML <table> 동적 채우기

분류에서Dev

html 선택 옵션을 기반으로 html 텍스트 입력 필드를 채우는 방법

분류에서Dev

다른 입력을 기반으로 입력 채우기

분류에서Dev

Javascript / JQuery를 사용하여 HTML 테이블의 새 행을 동적으로 채우기

분류에서Dev

Google Apps Script 변수로 HTML 입력 미리 채우기

분류에서Dev

Select2로 만든 HTML 입력 상자 채우기

분류에서Dev

선택 입력을 텍스트 입력으로 채우기

분류에서Dev

getNotes로 열을 동적으로 자동 채우기

분류에서Dev

양식 입력을 기반으로 html 파일을 동적으로 업데이트

분류에서Dev

@ Html.Hidden을 div 값으로 채우기

분류에서Dev

@ Html.Hidden을 div 값으로 채우기

분류에서Dev

Excel 파일을 동적으로 채우기

분류에서Dev

R / tidyr :: complete-누락 된 값을 동적으로 채우기

분류에서Dev

SweetAlert2 Html 선택 입력 항목을 서버 측 Asp-Items로 채우기

분류에서Dev

선행 0으로 입력 채우기

분류에서Dev

동적 채우기 입력은 빈 값을 보냅니다.

분류에서Dev

쉘에서 사용자 읽기 입력을 자동으로 채우기

분류에서Dev

요소 배열을 기반으로 동적으로 테이블 td 채우기

분류에서Dev

동적으로 생성 된 입력으로 json의이 자동 채우기 기능을 어떻게 사용할 수 있습니까?

분류에서Dev

입력 이름을 기반으로 동적으로 ID 생성

분류에서Dev

Django / HTML : 모델의 10 진수 값으로 "숫자"입력 필드 미리 채우기

분류에서Dev

Javascript로 HTML 테이블을 동적으로 채우는 함수를 사용하려고합니다.

분류에서Dev

동적으로로드 된 DIV 내부에 html 테이블을 채우는 방법

Related 관련 기사

  1. 1

    HTML 테이블의 열을 동적으로 채우기

  2. 2

    html 입력 필드의 값을 동적으로 읽기 : python

  3. 3

    목록을 동적으로 채우기

  4. 4

    목록을 동적으로 채우기

  5. 5

    HTML 선택 및 입력으로 div 채우기

  6. 6

    숫자 입력으로 HTML 5 캔버스 채우기

  7. 7

    xmlhttp.responseText를 기반으로 HTML <table> 동적 채우기

  8. 8

    html 선택 옵션을 기반으로 html 텍스트 입력 필드를 채우는 방법

  9. 9

    다른 입력을 기반으로 입력 채우기

  10. 10

    Javascript / JQuery를 사용하여 HTML 테이블의 새 행을 동적으로 채우기

  11. 11

    Google Apps Script 변수로 HTML 입력 미리 채우기

  12. 12

    Select2로 만든 HTML 입력 상자 채우기

  13. 13

    선택 입력을 텍스트 입력으로 채우기

  14. 14

    getNotes로 열을 동적으로 자동 채우기

  15. 15

    양식 입력을 기반으로 html 파일을 동적으로 업데이트

  16. 16

    @ Html.Hidden을 div 값으로 채우기

  17. 17

    @ Html.Hidden을 div 값으로 채우기

  18. 18

    Excel 파일을 동적으로 채우기

  19. 19

    R / tidyr :: complete-누락 된 값을 동적으로 채우기

  20. 20

    SweetAlert2 Html 선택 입력 항목을 서버 측 Asp-Items로 채우기

  21. 21

    선행 0으로 입력 채우기

  22. 22

    동적 채우기 입력은 빈 값을 보냅니다.

  23. 23

    쉘에서 사용자 읽기 입력을 자동으로 채우기

  24. 24

    요소 배열을 기반으로 동적으로 테이블 td 채우기

  25. 25

    동적으로 생성 된 입력으로 json의이 자동 채우기 기능을 어떻게 사용할 수 있습니까?

  26. 26

    입력 이름을 기반으로 동적으로 ID 생성

  27. 27

    Django / HTML : 모델의 10 진수 값으로 "숫자"입력 필드 미리 채우기

  28. 28

    Javascript로 HTML 테이블을 동적으로 채우는 함수를 사용하려고합니다.

  29. 29

    동적으로로드 된 DIV 내부에 html 테이블을 채우는 방법

뜨겁다태그

보관