jquery mobile动态设置option默认选中
2012-06-20 10:33
441 查看
<script type="text/javascript">
$(document).ready(function(){
/*事件注册*/
display();
});
function display(){
/*得到服务器端的原始数据*/
var rb = <?php echo $rb;?>;
var zb = <?php echo $zb;?>;
var yb = <?php echo $yb;?>;
/*得到select标签option选项的集合*/
var dayRep = document.getElementById("dayRep").options;
var weekRep = document.getElementById("weekRep").options;
var mouthRep = document.getElementById("mouthRep").options;
/*让option选项默认选中*/
if(rb==0){
dayRep[0].selected = true;
/*调用 refresh 方法刷新样式*/
var myswitch = $("select#dayRep");
myswitch[0].selectedIndex = 0;
myswitch .slider("refresh");
}else{
dayRep[1].selected = true;
var myswitch = $("select#dayRep");
myswitch[0].selectedIndex = 1;
myswitch .slider("refresh");
}
if(zb==0){
weekRep[0].selected = true;
var myswitch = $("select#weekRep");
myswitch[0].selectedIndex = 0;
myswitch .slider("refresh");
}else{
weekRep[1].selected = true;
var myswitch = $("select#weekRep");
myswitch[0].selectedIndex = 1;
myswitch .slider("refresh");
}
if(yb==0){
mouthRep[0].selected = true;
var myswitch = $("select#mouthRep");
myswitch[0].selectedIndex = 0;
myswitch .slider("refresh");
}else{
mouthRep[1].selected = true;
var myswitch = $("select#mouthRep");
myswitch[0].selectedIndex = 1;
myswitch .slider("refresh");
}
}
</script>
$(document).ready(function(){
/*事件注册*/
display();
});
function display(){
/*得到服务器端的原始数据*/
var rb = <?php echo $rb;?>;
var zb = <?php echo $zb;?>;
var yb = <?php echo $yb;?>;
/*得到select标签option选项的集合*/
var dayRep = document.getElementById("dayRep").options;
var weekRep = document.getElementById("weekRep").options;
var mouthRep = document.getElementById("mouthRep").options;
/*让option选项默认选中*/
if(rb==0){
dayRep[0].selected = true;
/*调用 refresh 方法刷新样式*/
var myswitch = $("select#dayRep");
myswitch[0].selectedIndex = 0;
myswitch .slider("refresh");
}else{
dayRep[1].selected = true;
var myswitch = $("select#dayRep");
myswitch[0].selectedIndex = 1;
myswitch .slider("refresh");
}
if(zb==0){
weekRep[0].selected = true;
var myswitch = $("select#weekRep");
myswitch[0].selectedIndex = 0;
myswitch .slider("refresh");
}else{
weekRep[1].selected = true;
var myswitch = $("select#weekRep");
myswitch[0].selectedIndex = 1;
myswitch .slider("refresh");
}
if(yb==0){
mouthRep[0].selected = true;
var myswitch = $("select#mouthRep");
myswitch[0].selectedIndex = 0;
myswitch .slider("refresh");
}else{
mouthRep[1].selected = true;
var myswitch = $("select#mouthRep");
myswitch[0].selectedIndex = 1;
myswitch .slider("refresh");
}
}
</script>
相关文章推荐
- angular select 默认选中指定项,option动态渲染
- jQuery设置下拉框select 默认选中option
- 用jQuery的attr()设置option默认选中无效的解决 attr设置属性失效
- select 动态设置某一项为默认选中
- jQuery设置下拉框select 默认选中第一个option
- Android 动态设置RadioButton选中和没选中的颜色及设置默认选中某一项
- select动态添加option与动态设置下拉框默认选项(selected)的问题(原创)
- 用jQuery的attr()设置option默认选中无效的解决
- jQuery设置下拉框select 默认选中第一个option
- 如何通过js动态设置select中option选中
- js动态设置Select中Option选中
- JQM Toggle switch、selectmenu动态设置默认选中值时没有效果的问题
- select中,动态增加option 并设置当前选中值
- Jquery multiselect 多选下拉框与ajax配合使用,动态拼接option。初始化默认选中多个,增加搜索框
- select 动态查询时,设置某一项为默认选中
- jquery mobile中动态设置Checkbox选中、不选中
- js中动态设置select中option选中/设置radio选中/获取textarea值
- RadioGroup动态添加RadioButton,RadioButton设置默认选中第一个,点击其他的RadioButton第一个不再选中,第一个不再选中
- MFC radio button 设置默认选中
- 获取已加载完成的下拉框的所有值,并动态给option设置selected