HTML 선택 옵션에서 텍스트 변경

user3383675

다음과 같은 상황이 있습니다.

<select id="trollSelect">
    <option value="PL">Troll</option>
    <option value="EN">Troll</option>
    <option value="JP">Troll</option>
</select>

나는 변경할 $(#trollSelect option).text("NEW_VALUE")$(document).ready(function() {...}- 페이지가 준비되면.

최종 효과는 다음과 같습니다.

<select id="trollSelect">
    <option value="PL">Pan Troll</option>
    <option value="EN">Mr Troll</option>
    <option value="JP">Troll Sama</option>
</select>

서버 측 스크립트를 사용하지 않으려면 JQuery 또는 JavaScript로 수행해야합니다. 이것은 다음과 같은 일을 할 수 foreach(options)있습니까?

최신 정보:

이 방법으로 옵션에 대한 텍스트를 생성하고 싶습니다.

function getTrollText(isoCode)  // isoCode from option.val()
{
    [...] // some magic, it does not matter
    return result;  // Here will be returned the text:
                    // "Pan Troll", "Mr Troll", or "Troll Sama"
}
라자 프라 부 아라 빈다 사미

시험,

$(document).ready(function() {
    var newValues = ['Pan Troll','Mr Troll','Troll Sama'];
    $('#trollSelect option').each(function(i,_){
      $(this).text(newValues[i]);
    });
});

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Woocommerce 가변 제품 페이지에서 "옵션 선택"텍스트 변경

분류에서Dev

선택 필드에서 특정 옵션 / 값이 선택되면 html 요소의 클래스 변경

분류에서Dev

선택 옵션 변경시 텍스트 영역 값 변경

분류에서Dev

HTML / JS : JavaScript에서 선택 옵션 값 변경

분류에서Dev

HTML 다중 선택 변경 '선택되지 않음'텍스트

분류에서Dev

HTML 선택 입력에서 선택한 옵션의 색상 변경

분류에서Dev

자바 스크립트에서 선택 옵션 onchange로 텍스트 영역 내용 변경

분류에서Dev

선택한 옵션으로 범위 텍스트 변경

분류에서Dev

선택한 옵션의 텍스트 만 변경

분류에서Dev

CSS만으로 선택 태그의 옵션 텍스트 변경

분류에서Dev

jQuery, 이미 선택한 옵션에서도 트리거 변경

분류에서Dev

여러 변수를 사용하여 WooCommerce에서 "옵션 선택"텍스트를 변경하는 방법

분류에서Dev

선택 옵션 값에 따라 동적으로 텍스트 상자 값 변경

분류에서Dev

옵션 (선택)의 '값'속성 내에서 텍스트를 변경하는 방법은 무엇입니까?

분류에서Dev

vb.net의 콤보 상자에서 선택한 특정 옵션의 레이블 텍스트 변경

분류에서Dev

html 선택 변경 옵션 / Java 스크립트를 사용하여 다른 선택의 값

분류에서Dev

TextView에서 선택한 텍스트의 취소 선 변경

분류에서Dev

JQuery 및 부트 스트랩을 사용하여 선택 옵션에 대한 레이블 텍스트 변경

분류에서Dev

HTML 양식에서 선택 옵션을 변경하여 변수를 변경하려면 어떻게합니까?

분류에서Dev

매우 낮은 수준의 HTML 문제-선택 옵션에서 텍스트에 패딩 추가

분류에서Dev

드롭 다운에서 옵션 텍스트를 찾고 선택 항목을 설정하고 텍스트를 변경합니다.

분류에서Dev

TabWidget에서 텍스트 색상 및 선택기 변경

분류에서Dev

WebView Android에서 선택 텍스트 변경 듣기

분류에서Dev

첫 번째 선택 옵션의 텍스트 색상을 변경하는 방법

분류에서Dev

옵션 선택시 jQuery가 텍스트를 변경하지 않음

분류에서Dev

선택 옵션에서 작동하지 않는 jquery 변경 이벤트

분류에서Dev

콤보 박스에서 선택한 옵션을 콤보 박스에서 선택한 옵션처럼 변경되는 변수로 설정

분류에서Dev

HTML에서 기타 선택 상자 변경시 선택 상자 스타일 변경

분류에서Dev

선택한 옵션에 따라 텍스트를 변경하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    Woocommerce 가변 제품 페이지에서 "옵션 선택"텍스트 변경

  2. 2

    선택 필드에서 특정 옵션 / 값이 선택되면 html 요소의 클래스 변경

  3. 3

    선택 옵션 변경시 텍스트 영역 값 변경

  4. 4

    HTML / JS : JavaScript에서 선택 옵션 값 변경

  5. 5

    HTML 다중 선택 변경 '선택되지 않음'텍스트

  6. 6

    HTML 선택 입력에서 선택한 옵션의 색상 변경

  7. 7

    자바 스크립트에서 선택 옵션 onchange로 텍스트 영역 내용 변경

  8. 8

    선택한 옵션으로 범위 텍스트 변경

  9. 9

    선택한 옵션의 텍스트 만 변경

  10. 10

    CSS만으로 선택 태그의 옵션 텍스트 변경

  11. 11

    jQuery, 이미 선택한 옵션에서도 트리거 변경

  12. 12

    여러 변수를 사용하여 WooCommerce에서 "옵션 선택"텍스트를 변경하는 방법

  13. 13

    선택 옵션 값에 따라 동적으로 텍스트 상자 값 변경

  14. 14

    옵션 (선택)의 '값'속성 내에서 텍스트를 변경하는 방법은 무엇입니까?

  15. 15

    vb.net의 콤보 상자에서 선택한 특정 옵션의 레이블 텍스트 변경

  16. 16

    html 선택 변경 옵션 / Java 스크립트를 사용하여 다른 선택의 값

  17. 17

    TextView에서 선택한 텍스트의 취소 선 변경

  18. 18

    JQuery 및 부트 스트랩을 사용하여 선택 옵션에 대한 레이블 텍스트 변경

  19. 19

    HTML 양식에서 선택 옵션을 변경하여 변수를 변경하려면 어떻게합니까?

  20. 20

    매우 낮은 수준의 HTML 문제-선택 옵션에서 텍스트에 패딩 추가

  21. 21

    드롭 다운에서 옵션 텍스트를 찾고 선택 항목을 설정하고 텍스트를 변경합니다.

  22. 22

    TabWidget에서 텍스트 색상 및 선택기 변경

  23. 23

    WebView Android에서 선택 텍스트 변경 듣기

  24. 24

    첫 번째 선택 옵션의 텍스트 색상을 변경하는 방법

  25. 25

    옵션 선택시 jQuery가 텍스트를 변경하지 않음

  26. 26

    선택 옵션에서 작동하지 않는 jquery 변경 이벤트

  27. 27

    콤보 박스에서 선택한 옵션을 콤보 박스에서 선택한 옵션처럼 변경되는 변수로 설정

  28. 28

    HTML에서 기타 선택 상자 변경시 선택 상자 스타일 변경

  29. 29

    선택한 옵션에 따라 텍스트를 변경하는 방법은 무엇입니까?

뜨겁다태그

보관