Question

可能重复：
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>

Answer 1

你应该致电

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

作为clickz的列表行。

如何在选择开/关开关中更改特定选项的文本？

1 个答案: