입력 양식에 문자열 추가

슬라바 크냐 제프

이 양식을 받았습니다.

<form class="navbar-form navbar-right" role="search" action="https://www.google.com/search" target="_blank">
<div class="form-group">
<input id="search" type="text" name="q" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Search</button>
</form>

사용자가 검색 버튼을 누르면 입력에 문자열을 추가하고 싶습니다.

예를 들어 사용자가 "Foo"를 입력하고 양식을 제출할 때 최종 URL https://www.google.com/search?q=FooSTRINGhttps://www.google.com/search?q=Foo.

이것을 달성하는 방법은 무엇입니까?

Coda17

POST되기 전에 입력에 문자열을 추가하는 이벤트 핸들러를 양식 제출에 추가하십시오. 에서 다른 StackOverflow의 기사 :

window.onload = function() {
    document.getElementById('theForm').onsubmit = function() {
        var txt = document.getElementById('txtSearch');
        txt.value = "updated " + txt.value;
    };
};​

이 작업을 수행하려면 HTML과 일치하도록 선택한 ID를 수정해야합니다.

JQuery에서 수행하려면 다음을 수행하십시오.

$('#theForm').submit(function() {
    var txt = $('#txtSearch');
    txt.val("updated " + txt.val());
});

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

HTML 문자열에 라이브 추가 양식 입력

분류에서Dev

봄에 빈 문자열 양식 입력

분류에서Dev

HTML 양식 제출-자바 스크립트 배열에 입력 값 추가

분류에서Dev

$ scope가 양식 입력에서 문자열을 선택하지 않음-AngularJS, JS

분류에서Dev

사용자 입력에 따라 C 문자열에 추가

분류에서Dev

입력 문자열 구문 분석 및 사전에 추가

분류에서Dev

입력 양식 섹션에 추가

분류에서Dev

양식에서 입력 추가 / 제거

분류에서Dev

HTML 양식에 입력 필드 추가

분류에서Dev

Moment.js 문자열 입력에 시간 추가

분류에서Dev

Java는 문자열에 키 입력 추가

분류에서Dev

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

분류에서Dev

문자열에 출력 추가

분류에서Dev

쉘의 출력에 문자열 추가

분류에서Dev

입력에 문자 컨트롤 추가

분류에서Dev

iText를 사용하여 PDF 양식에 사용자 입력 추가

분류에서Dev

문자열에서 문자열 검색 (문자열은 사용자가 입력)

분류에서Dev

사용자가 문의 양식에 입력 한 URL 페이지를 추적합니다.

분류에서Dev

입력 양식에 정렬 문제가 있음

분류에서Dev

입력 양식 PHP에서 특정 배열 값 가져 오기

분류에서Dev

입력 양식 PHP에서 특정 배열 값 가져 오기

분류에서Dev

입력 한 TextField의 문자열에 공백을 추가합니다.

분류에서Dev

사용자 입력 URL에서 문자열 추출 Angular

분류에서Dev

단순 양식 사용자 컴포넌트가 입력에 속성을 추가하지 않습니다.

분류에서Dev

javascript의 문자 배열로 html 양식 입력 문자열

분류에서Dev

사용자가 django 모델 크레아 톤 양식의 일부만 입력하도록 허용 (사용자가 제출 한 후 양식에 추가)

분류에서Dev

양식의 매개 변수 앞에 문자열 추가

분류에서Dev

HTML 양식에 문자열을 추가하는 방법

분류에서Dev

이 JSON 출력에 추가 할 수있는 문자열 형식은 무엇입니까?

Related 관련 기사

  1. 1

    HTML 문자열에 라이브 추가 양식 입력

  2. 2

    봄에 빈 문자열 양식 입력

  3. 3

    HTML 양식 제출-자바 스크립트 배열에 입력 값 추가

  4. 4

    $ scope가 양식 입력에서 문자열을 선택하지 않음-AngularJS, JS

  5. 5

    사용자 입력에 따라 C 문자열에 추가

  6. 6

    입력 문자열 구문 분석 및 사전에 추가

  7. 7

    입력 양식 섹션에 추가

  8. 8

    양식에서 입력 추가 / 제거

  9. 9

    HTML 양식에 입력 필드 추가

  10. 10

    Moment.js 문자열 입력에 시간 추가

  11. 11

    Java는 문자열에 키 입력 추가

  12. 12

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

  13. 13

    문자열에 출력 추가

  14. 14

    쉘의 출력에 문자열 추가

  15. 15

    입력에 문자 컨트롤 추가

  16. 16

    iText를 사용하여 PDF 양식에 사용자 입력 추가

  17. 17

    문자열에서 문자열 검색 (문자열은 사용자가 입력)

  18. 18

    사용자가 문의 양식에 입력 한 URL 페이지를 추적합니다.

  19. 19

    입력 양식에 정렬 문제가 있음

  20. 20

    입력 양식 PHP에서 특정 배열 값 가져 오기

  21. 21

    입력 양식 PHP에서 특정 배열 값 가져 오기

  22. 22

    입력 한 TextField의 문자열에 공백을 추가합니다.

  23. 23

    사용자 입력 URL에서 문자열 추출 Angular

  24. 24

    단순 양식 사용자 컴포넌트가 입력에 속성을 추가하지 않습니다.

  25. 25

    javascript의 문자 배열로 html 양식 입력 문자열

  26. 26

    사용자가 django 모델 크레아 톤 양식의 일부만 입력하도록 허용 (사용자가 제출 한 후 양식에 추가)

  27. 27

    양식의 매개 변수 앞에 문자열 추가

  28. 28

    HTML 양식에 문자열을 추가하는 방법

  29. 29

    이 JSON 출력에 추가 할 수있는 문자열 형식은 무엇입니까?

뜨겁다태그

보관