使用mobile jQuery 动态给select下拉添加数据,选中项默认不显示的解决方法。

getaddress();    function getaddress(type=0,parent=‘‘)    {        var tid=1;        $.ajax({            type: "post",            url: ‘cityajax.php‘,            dataType: "json",            data: "type="+type+"&parent="+parent,            success: function (data) {                if (!jQuery.isEmptyObject(data)) {                    strhtml=‘‘;                    $.each(data, function (i, item) {                       var sel=i==0?‘selected="selected"‘ : ‘‘                        try {                            strhtml += "<option value=‘"+item.enname+"‘ "+sel+">"+item.cnname+"</option>";                        } catch (e) {                            alert("e.Message:" + e.Message);                        }                    });                    strhtml += "</select>";                    $("#prov").html(strhtml).show();
                    //添加数据之后需要刷新才能正确显示,加入下面的一行代码就ok了                     $("#prov").selectmenu(‘refresh‘, true);//加上这句代码后就能显示默认的选中项了                }                else                {                    alert(‘获取地址失败‘);

                   // $("#prov").html(‘‘).hide();                }            },            error:function(xhr)            {                alert(xhr.responseText);            }        });    }

我在这位朋友的帖子中找到的答案,谢谢分享!帖子链接:http://www.oschina.net/question/1758099_155002?sort=time

在此记录下

时间: 2024-10-22 05:57:27

使用mobile jQuery 动态给select下拉添加数据,选中项默认不显示的解决方法。的相关文章

jquery选中将select下拉框中一项后赋值给text文本框

jquery选中将select下拉框中一项后赋值给text文本框,出现无法将第一个下拉框的value赋值给文本框 因为select默认选中第一项..在选择第一项时,便导致无法激发onchange事件.所以无法进行赋值给文本框 解决方法. select下拉框设置第一项做一个无用的占位option <script type="text/javascript">     function changeSelect(obj) {         var _this = obj;  

jQuery动态生成&lt;select&gt;下拉框

前一阵在项目里需要动态生成下拉框,找了一下用jQuery实现比较方便,这里整理一下. 下文所述方法只是本人在项目中遇到问题的解决方法,场景较为简单,也希望能帮助有需要的朋友 1.动态生成下拉框的两种方式 (1)将数据放在model中,JSP页面用EL表达式${}取出,该方式缺点是数据更改时必须刷新整个页面,本文不过多描述. (2)就是本文要说的jQuery动态生成了,该方式适合数据频繁变动的场景. 2.<select>组成 <select> <option value=”aa

jquery如何删除select下拉菜单中所有的option项

jquery如何删除select下拉菜单中所有的option项:在实际应用中,有可能要求一次性删除所有的select下拉菜单的option选项,方法非常的简单.select下拉菜单: <select id="mayi"> <option value="1">蚂蚁部落一</option> <option value="2">蚂蚁部落二</option> </select> 删除

JavaScript解决select下拉框中的内容太长显示不全的问题

JavaScript解决select下拉框中的内容太长显示不全的问题 1.说明 有些情况下,select下拉框的内容过长,导致部分看不见: 现在通过鼠标事件,让下拉框中的内容显示完全 2.实现源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

[angular2]select(下拉式菜单)如何设定默认选项,如何显示value而选中的值是key

select(下拉式菜单)如何设定默认选项,如何显示value而选中的值是key 前言 官网甚少提到关于html的下拉式菜单的一些做法,自己因为一些特殊的要求,所以写篇文章记录一下. 范例 如何给一个默认值,并且如果没有选取的话,验证是不通过的状态呢?请参考下面的示例 import { Component } from '@angular/core'; import { NgForm } from "@angular/forms/src/directives"; @Component(

jQuery插件实现select下拉框左右选择_交换内容(multiselect2side)

效果图: 使用jQuery插件---multiselect2side做法: <!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&

一款基于jQuery的联动Select下拉框

今天我们要来分享一款很实用的jQuery插件,它是一个基于jQuery多级联动的省市地区Select下拉框,并且值得一提的是,这款联动下拉框是经过自定义美化过的,外观比浏览器自带的要漂亮许多.另外,这个Select下拉框也可以绑定下拉事件,并获取当前选中项的值. 在线预览   源码下载 实现的代码. html代码: <div class="wrap"> <div class="nice-select" name="nice-select&

多个select下拉框,选中当前某一项,其他下拉框去掉选中的值

前两天在项目开发的时候有个需求是要求多个下拉框,选中某一项后其他下拉框移除该项,虽然写的有点绕,如果那个小伙伴有更好的例子,可以贡献下.先贴几张图看下效果 这是全部下拉框展开的效果图,具体描述看图吧,下面就开始贴代码 html部分 <div class="video_in"> <p> 下拉一 <select name="B1other1_1" id='B1other1_1' class="select"> &l

vue的select 下拉框某一项设置为不可选

select下拉框中某一项不可选置灰 一, html <div class="sale"> <select @change="GetCountyData()"> <option>请选择</option> <option v-for="(item,index) in data" :disabled="item.is_true==1?true:false" :class=&qu