2013-06-25 1 views
1

내 사이트에서 선택/드롭 다운이 있으며 너비는 150 픽셀이고 일부 옵션 값은 너무 길기 때문에 내 문제는 내가 선택한 경우 긴 선택권 그것은 나의 선택에서 그것을 차단한다.선택 옵션 텍스트 길이가 10보다 크면 jQuery 트림

어떻게 든, 변화, 유일한 10 자 있도록 표시되는 값을 트림 추가 '...'

을 어떻게이게 가능 말하고 싶은

? 와

당신은 내가 여기에 노력했는지 알 수

...

http://jsfiddle.net/yjeAN/1/

...

$('select').change(function(){ 
    if($(this).val().length() >= 10){ 
     alert('long title'); 
    } 
}); 

답변

1

이 작업을 수행 할 수 있습니다

$('select').change(function(){ 
    if(this.value.length >= 10){ 
     console.log('long title'); 

     //trimming 
     var trim = $.trim(this.value).substring(0, 10) + "..."; 
     alert(trim); 

     //Set the text in the select 
     $(this).find("option:selected").text(trim); 
    } 
}); 

데모 : http://jsfiddle.net/yjeAN/3/

+0

선택 상자에 트림 된 val을 설정하는 것을 잊었습니다. –

+1

심각한가? ......... –

+0

고마워 @tymeJV! – Liam