Jquery 복제 및 입력 값에 추가

Neof

누구든지 스팬 요소에서 복제하고 스팬 요소 자체를 클릭하여 입력 값에 추가하는 방법을 말해 줄 수 있습니까? 다음은 스크립트입니다.

<!DOCTYPE html>
<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script>
    $(document).ready(function() {
      $("span#username").click(function() {
        $("span#username").clone().appendTo("#test");


      });
    });
  </script>
</head>

<body>

  <span id="username"> User </span><br><br>
  <input type="text" id="test" value="" />


</body>

</html>

이브라힘 마흐 리르

다음과 같이 입력 값 ( jQuery.val () )을 범위 ( jQuery.text () ) 의 텍스트 내용으로 설정해야 합니다.

// IDs are enough
$("#username").click(function() {
    $("#test").val($(this).text()); // this is the span beign clicked
});

jQuery 없음 :

document.getElementById("username").addEventListener("click", function() {
    document.getElementById("test").value = this.textContent;
});

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

jQuery에서 선택 입력으로 div 추가 및 제거

분류에서Dev

입력 필드 추가, 반복 및 div에 값 출력

분류에서Dev

Jquery 레이블 및 입력 텍스트에 대한 클래스 추가 / 제거

분류에서Dev

마지막 요소로 div에 열 (입력 요소) 추가 (복제) 및 제거

분류에서Dev

Jquery 입력은 이벤트에서 자체 및 형제 입력 값을 가져옵니다.

분류에서Dev

jquery로 입력 필드 추가 및 제거

분류에서Dev

JQuery의 입력 필드에 값 추가

분류에서Dev

jQuery로 입력에 값 추가

분류에서Dev

입력 값에 따라 드롭 다운에서 옵션 추가 및 삭제

분류에서Dev

jQuery는 입력 onchange 및 새로 고침 onchange 값에 추가하는 .html ()에 ID 증분을 추가합니다.

분류에서Dev

Jquery에서 추가 된 HTML 입력 태그 선택 및 변경

분류에서Dev

Jquery는 입력 필드 (및 상대 값)로 div를 복제합니다.

분류에서Dev

입력 값 추가 및로드시 양식 제출

분류에서Dev

입력 필드에 텍스트 힌트 제거 및 추가

분류에서Dev

입력에서 텍스트 추가 및 양식 제출

분류에서Dev

jQuery-입력에 필요한 추가 / 제거

분류에서Dev

jquery-td 복제, 앞에 추가 및 새 td를 div로 변경

분류에서Dev

입력 필드 추가 및 제거

분류에서Dev

Ajax JQuery-반환 된 변수 + 입력 버튼 및 스팬을 Div에 추가

분류에서Dev

jQuery는 동적 입력에서 값을 가져오고 추가

분류에서Dev

jquery에서 입력 태그의 추가 값 가져 오기

분류에서Dev

값이 재설정되지 않는 Reactjs에서 입력 필드 추가 및 제거

분류에서Dev

해당 입력 필드에 합계 값 추가 및 설정

분류에서Dev

jQuery 자동 완성 및 복제 된 입력 필드

분류에서Dev

jquery를 사용하여 쉼표로 구분 된 입력 값 추가 / 제거

분류에서Dev

Jquery 입력 유형 숨겨진 값 데이터 토글 추가 / 제거

분류에서Dev

Jquery를 사용하여 동적 입력에 값 추가

분류에서Dev

Jquery 버튼 값의 문자열을 입력 필드에 추가

분류에서Dev

JQuery 스크립트의 입력 필드에 값 추가

Related 관련 기사

  1. 1

    jQuery에서 선택 입력으로 div 추가 및 제거

  2. 2

    입력 필드 추가, 반복 및 div에 값 출력

  3. 3

    Jquery 레이블 및 입력 텍스트에 대한 클래스 추가 / 제거

  4. 4

    마지막 요소로 div에 열 (입력 요소) 추가 (복제) 및 제거

  5. 5

    Jquery 입력은 이벤트에서 자체 및 형제 입력 값을 가져옵니다.

  6. 6

    jquery로 입력 필드 추가 및 제거

  7. 7

    JQuery의 입력 필드에 값 추가

  8. 8

    jQuery로 입력에 값 추가

  9. 9

    입력 값에 따라 드롭 다운에서 옵션 추가 및 삭제

  10. 10

    jQuery는 입력 onchange 및 새로 고침 onchange 값에 추가하는 .html ()에 ID 증분을 추가합니다.

  11. 11

    Jquery에서 추가 된 HTML 입력 태그 선택 및 변경

  12. 12

    Jquery는 입력 필드 (및 상대 값)로 div를 복제합니다.

  13. 13

    입력 값 추가 및로드시 양식 제출

  14. 14

    입력 필드에 텍스트 힌트 제거 및 추가

  15. 15

    입력에서 텍스트 추가 및 양식 제출

  16. 16

    jQuery-입력에 필요한 추가 / 제거

  17. 17

    jquery-td 복제, 앞에 추가 및 새 td를 div로 변경

  18. 18

    입력 필드 추가 및 제거

  19. 19

    Ajax JQuery-반환 된 변수 + 입력 버튼 및 스팬을 Div에 추가

  20. 20

    jQuery는 동적 입력에서 값을 가져오고 추가

  21. 21

    jquery에서 입력 태그의 추가 값 가져 오기

  22. 22

    값이 재설정되지 않는 Reactjs에서 입력 필드 추가 및 제거

  23. 23

    해당 입력 필드에 합계 값 추가 및 설정

  24. 24

    jQuery 자동 완성 및 복제 된 입력 필드

  25. 25

    jquery를 사용하여 쉼표로 구분 된 입력 값 추가 / 제거

  26. 26

    Jquery 입력 유형 숨겨진 값 데이터 토글 추가 / 제거

  27. 27

    Jquery를 사용하여 동적 입력에 값 추가

  28. 28

    Jquery 버튼 값의 문자열을 입력 필드에 추가

  29. 29

    JQuery 스크립트의 입력 필드에 값 추가

뜨겁다태그

보관