当前位置: 首页 >> 冰斌棒程序总结 >> js动态实现select的选中更换 >> 正文

js动态实现select的选中更换

2个月前 (09-08)     作者:冰斌棒     分类:冰斌棒程序总结     阅读次数:142     评论(0)    

这个程序要求在于点击select中的option的时候,刷新页面,并将选中项变为当前页面的内容。

html代码:

<div class="form" style="margin-top: 20px">
    <select id="city" class="select"  onchange="window.location.href='http://'+document.domain+':8000/find_city/'+this.options[this.selectedIndex].value">
        <option value="0">请选择您需要查询的城市</option>
            {% for city in citys %}
                <option value="{{ city.id }}" >{{ city.city }}</option>
            {% endfor %}
    </select>
</div>


js代码:

function getcity(){
    url = window.location.href;
    var index = url .lastIndexOf("\/");
    url  = url .substring(index + 1, url .length);
    document.getElementById("city").value = url;
}
window.onload=getcity();



 onchange="window.location.href='http://'+document.domain+':8000/find_city/'+this.options[this.selectedIndex].value"

本代码用来跳转网页。

通过js代码修改select的value值,选中项变为value中的数值。


冰斌棒

www.mybbzy.com

除非注明,发表在“冰斌棒博客”的文章『js动态实现select的选中更换』版权归冰斌棒所有。 转载请注明出处为“本文转载于『冰斌棒博客』原地址http://mybbzy.com/?id=181

评论

发表评论   

昵称*

E-mail*(建议输入,以便收到博主回复的提示邮件)

网站