가능한 중복 :
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>
http://stackoverflow.com/a/11233065/93966 –