jquery를 사용하여 드롭 다운의 선택된 텍스트 만 자르는 방법

불안정한

드롭 다운이 있습니다

<div>
<select id="ddlTruncate">
    <option selected="selected">Select </option>       
    <option value="1">tetetetetetetet </option>
    <option value="2">tetetetetetetetetetete </option>
    <option value="3">tetetetetettetete </option>        
</select>
</div>

선택한 값만 자르고 싶은데 값이 이전 값에서 변경되면 원래 값이 표시되어야합니다.

 $('#ddlTruncate').change(function () {
     var textval = $('#ddlTruncate :selected').text(); 
     var ddlval= $(this).val();   
        if(textval.length > 5) {    
            $('#ddlTruncate :selected').text(textval.substr(0,4)+'…');
        }
 });

현재 다른 옵션을 선택하면 이전 값이 원래 값으로 굴절되는 것으로 표시됩니다. http://jsfiddle.net/hurera1111/6x039o7w/ 링크를 확인하십시오.

롭 스콧

여기에서 바이올린을 업데이트했습니다 .

의 실제 텍스트 저장 data-text를 들어 option, 다음 변화에 모든 텍스트 변경 options이 아니라 :selected하나.

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

PHP를 사용하여 여러 선택 드롭 다운을 텍스트 영역에 에코하는 방법

분류에서Dev

동적으로 채워진 드롭 다운에서 jquery를 사용하여 선택한 텍스트 또는 드롭 다운 값을 설정하는 방법

분류에서Dev

드롭 다운 선택시 텍스트 상자를 동적으로 만드는 방법

분류에서Dev

선택한 '카테고리'필터 드롭 다운의 결과 만 반환하도록 검색 '텍스트 입력'결과를 제한하는 방법

분류에서Dev

드롭 다운 목록에서만 텍스트를 선택하는 Autocompletetextview

분류에서Dev

jQuery를 사용하여 중첩 된 하위 메뉴가있는 드롭 다운 메뉴를 만드는 방법

분류에서Dev

드롭 다운 선택을 기반으로 텍스트 상자를 읽기 전용으로 만드는 방법은 무엇입니까?

분류에서Dev

jQuery를 사용하여 드롭 다운 목록에서 최종 선택된 항목을받는 방법

분류에서Dev

Zend Form의 JQuery를 사용하여 첫 번째 드롭 다운 선택에서 드롭 다운에서 두 번째 값을 선택하는 방법

분류에서Dev

채워진 데이터를보기 위해 자바 스크립트를 사용하여 jsp의 드롭 다운에서 값을 자동 선택하는 방법

분류에서Dev

jQuery를 사용하여 텍스트 상자 입력에 따라 드롭 다운 목록에서 옵션 선택

분류에서Dev

JQuery를 사용하여 옵션 목록 인덱스 번호별로 JQuery-select2 드롭 다운의 선택한 값을 변경하는 방법

분류에서Dev

드롭 다운 선택 옵션에 텍스트 상자를 추가하는 방법

분류에서Dev

jQuery를 사용하여 오버플로 탭을 부트 스트랩의 드롭 다운으로 만드는 방법은 무엇입니까?

분류에서Dev

Selenium 및 Python을 사용하여 부분 텍스트를 통해 드롭 다운 메뉴에서 옵션을 선택하는 방법

분류에서Dev

CakePHP :: 사용자 정의 SQL 쿼리를 사용하여 드롭 다운을 만드는 방법

분류에서Dev

Javascript를 사용하여 양식의 값으로 선택을 사용하여 새 입력 텍스트를 만드는 방법은 무엇입니까?

분류에서Dev

드롭 다운 선택에 따라 강력한 형식의 텍스트 상자를 채우는 방법

분류에서Dev

jQuery를 사용하여 드롭 다운 값을 자동 선택하는 방법은 무엇입니까?

분류에서Dev

Jquery : 2 개의 텍스트 상자를 사용하여 1 개의 HTML 미리보기를 만드는 방법

분류에서Dev

Jquery Mobile에서 simpledialog를 사용하여 두 개의 텍스트 상자를 만드는 방법

분류에서Dev

선택기로 캐시 된 jQuery 컨텍스트의 직계 하위 항목 만 선택하는 방법

분류에서Dev

Python 및 Selenium에서 변수 텍스트를 기반으로 드롭 다운 옵션을 선택하는 방법

분류에서Dev

선택한 텍스트를 기준으로 드롭 다운을 바인딩하는 방법

분류에서Dev

드롭 다운 목록을 사용하여 텍스트 상자를 채우는 방법

분류에서Dev

jquery를 사용하여 jquery 대화 상자를로드 한 후 드롭 다운에서 일부 텍스트를 설정하는 방법

분류에서Dev

선택 항목이 드롭 다운되지 않을 때 옵션 텍스트의 일부만 표시하는 방법

분류에서Dev

선택 양식 요소처럼 동작하는 드롭 다운 메뉴 및 드롭 다운 토글 클래스를 만드는 방법

분류에서Dev

JavaScript를 사용하여 선택한 드롭 다운의 텍스트를 선택해야합니다.

Related 관련 기사

  1. 1

    PHP를 사용하여 여러 선택 드롭 다운을 텍스트 영역에 에코하는 방법

  2. 2

    동적으로 채워진 드롭 다운에서 jquery를 사용하여 선택한 텍스트 또는 드롭 다운 값을 설정하는 방법

  3. 3

    드롭 다운 선택시 텍스트 상자를 동적으로 만드는 방법

  4. 4

    선택한 '카테고리'필터 드롭 다운의 결과 만 반환하도록 검색 '텍스트 입력'결과를 제한하는 방법

  5. 5

    드롭 다운 목록에서만 텍스트를 선택하는 Autocompletetextview

  6. 6

    jQuery를 사용하여 중첩 된 하위 메뉴가있는 드롭 다운 메뉴를 만드는 방법

  7. 7

    드롭 다운 선택을 기반으로 텍스트 상자를 읽기 전용으로 만드는 방법은 무엇입니까?

  8. 8

    jQuery를 사용하여 드롭 다운 목록에서 최종 선택된 항목을받는 방법

  9. 9

    Zend Form의 JQuery를 사용하여 첫 번째 드롭 다운 선택에서 드롭 다운에서 두 번째 값을 선택하는 방법

  10. 10

    채워진 데이터를보기 위해 자바 스크립트를 사용하여 jsp의 드롭 다운에서 값을 자동 선택하는 방법

  11. 11

    jQuery를 사용하여 텍스트 상자 입력에 따라 드롭 다운 목록에서 옵션 선택

  12. 12

    JQuery를 사용하여 옵션 목록 인덱스 번호별로 JQuery-select2 드롭 다운의 선택한 값을 변경하는 방법

  13. 13

    드롭 다운 선택 옵션에 텍스트 상자를 추가하는 방법

  14. 14

    jQuery를 사용하여 오버플로 탭을 부트 스트랩의 드롭 다운으로 만드는 방법은 무엇입니까?

  15. 15

    Selenium 및 Python을 사용하여 부분 텍스트를 통해 드롭 다운 메뉴에서 옵션을 선택하는 방법

  16. 16

    CakePHP :: 사용자 정의 SQL 쿼리를 사용하여 드롭 다운을 만드는 방법

  17. 17

    Javascript를 사용하여 양식의 값으로 선택을 사용하여 새 입력 텍스트를 만드는 방법은 무엇입니까?

  18. 18

    드롭 다운 선택에 따라 강력한 형식의 텍스트 상자를 채우는 방법

  19. 19

    jQuery를 사용하여 드롭 다운 값을 자동 선택하는 방법은 무엇입니까?

  20. 20

    Jquery : 2 개의 텍스트 상자를 사용하여 1 개의 HTML 미리보기를 만드는 방법

  21. 21

    Jquery Mobile에서 simpledialog를 사용하여 두 개의 텍스트 상자를 만드는 방법

  22. 22

    선택기로 캐시 된 jQuery 컨텍스트의 직계 하위 항목 만 선택하는 방법

  23. 23

    Python 및 Selenium에서 변수 텍스트를 기반으로 드롭 다운 옵션을 선택하는 방법

  24. 24

    선택한 텍스트를 기준으로 드롭 다운을 바인딩하는 방법

  25. 25

    드롭 다운 목록을 사용하여 텍스트 상자를 채우는 방법

  26. 26

    jquery를 사용하여 jquery 대화 상자를로드 한 후 드롭 다운에서 일부 텍스트를 설정하는 방법

  27. 27

    선택 항목이 드롭 다운되지 않을 때 옵션 텍스트의 일부만 표시하는 방법

  28. 28

    선택 양식 요소처럼 동작하는 드롭 다운 메뉴 및 드롭 다운 토글 클래스를 만드는 방법

  29. 29

    JavaScript를 사용하여 선택한 드롭 다운의 텍스트를 선택해야합니다.

뜨겁다태그

보관