2012-06-18 3 views
0

가능한 중복 :
How to change slider switch text?선택/해제 스위치에서 특정 옵션의 텍스트를 변경하는 방법은 무엇입니까?

표준 선택 스위치와 나는 HTML이 간단한 jQuery를 가지고있다. 그리고 페이지가로드 된 후 (준비 됨) 특정 옵션의 텍스트를 변경하고 싶습니다. 값은 변경되지만 브라우저에서는 업데이트되지 않습니다. 몇 가지 수정이나 해결 방법 없이는 불가능한 것처럼 보입니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> 
    </head> 
    <body > 
       <script type="text/javascript"> 
    $("#set_slider option[value='0']").text('before') ; 
    $("#set_slider").change(); 

function clickz(){ 
     $("#set_slider option[value='0']").text('after') ; 
     $("#set_slider").change(); 
    $("#set_slider").selectmenu('refresh', true); 
     $("#txt").html($("#set_slider option[value='0']").text()); 
    } 
</script> 
      <select name="set_slider" id="set_slider" data-role="slider" data-mini="false" > 
        <option value="0" >SET</option> 
        <option value="1" >OFF</option> 
     </select> 
     <div id=txt></div> 
<input type='button' onclick='clickz();' value='Update'/> 
    </body> 
</html> 
+0

http://stackoverflow.com/a/11233065/93966 –

답변

0

당신은 clickz 목록 라인으로

$("#set_slider").selectmenu('refresh', true); 

를 호출해야합니다.

+0

불행히도 도움이되지 않았거나 $ ("# set_slider")를 호출하는 변경을 시도했습니다. selectmenu ('refresh', true); 적어도 IE와 FF에서. – user1464277

관련 문제