首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

怎么使用jquery组装字符串

2013-03-12 
如何使用jquery组装字符串当checkbox勾选上的时候,上面的下拉列表的值会变”admin,mote“然后显示到列表中,

如何使用jquery组装字符串
怎么使用jquery组装字符串当checkbox勾选上的时候,上面的下拉列表的值会变”admin,mote“然后显示到列表中,请问要如何写。
怎么使用jquery组装字符串请高手指教。

[解决办法]

引用:
当checkbox勾选上的时候,上面的下拉列表的值会变”admin,mote“然后显示到列表中,请问要如何写。
请高手指教。


当前选中的下拉框的值变成admin,mote ?

<select id="s">
    <option value="admin">admin</option>
</select>
<br />
<input id="chk" name="chk" type="checkbox" /><lable for="chk">许可追加",mote"</lable>
<script type="javascript">
    $("#chk").unbind("change").bind("change",function(){
        var str = $("#s").text();
        if(this.checked){            
            if(!str.text(/\,mote$/i)){
                str += ",mote";
            }
        }else{
            if(str.text(/\,mote$/i)){
                str = str.replace(/\,mote$/i,"");
            }
        }
        $("#s>option:selected").text(str);
    });
</script>

[解决办法]

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script language="javascript">
$(function(){
$(":checkbox").change(function(){
if($(this).is(":checked")){
$("#selectform").append('<option value="moto">mote</option>');
}else{
$("#selectform").html('<option value="admin">admin</option>');
}
});
})
</script>

<select id="selectform">
    <option value="admin">admin</option>
</select>
<br/>
<input type="checkbox" id="box"  />许可追加",mote"

热点排行