jquerymobile知识点:select的动态帮定

代码:

<div data-role="navbar">
                <ul>
                    <li>
                        <select name="select-choice-min" id="select_cata" data-mini="true" data-corners="false" data-ajax="false">
                        <option>全部分类</option>
                        </select>
                    </li>
                    <li>
                        <select name="select-choice-min" id="select_pin" data-mini="true" data-corners="false" data-ajax="false">
                        <option>全部品牌</option>
                        </select>
                    </li>
                </ul>
            </div>

javascript:

//获商品分类列表
    function GetBindProductCata() {
        var cata = $("#select_cata");
        $.ajax({
            type: "POST",
            url: "/Ashx/Boicp_Company_GoodList.ashx?MethodName=GetCata&date=" + new Date().getTime() + "",
            data: "",
            dataType: "json",
            success: function (data) {
                data = eval(data);
                var html = "";
                html += "<option value=‘-1‘>全部分类</option>";
                $.each(data.List, function (i, item) {
                    html += "<option value=‘" + unescape(item.Classid) + "‘>" + unescape(item.ClassName) + "</option>";
                });
                cata.html(html.replace("undefined", ""));
            },
            error: function (data) {
                $("#select_cata").html("数据有误!");
            }
        });
    }

最后获取select的ID值:

$("#select_cata").change(function () {
        var cataID = $("#select_cata").val();
        alert(cataID);
    });
时间: 2024-10-13 23:50:39

jquerymobile知识点:select的动态帮定的相关文章

jquerymobile知识点:动态ListView

这里要讲的是jqueryMobile 中的ListView 动态的列表 <ul data-role="listview" data-inset="true" id="uiList"> </ul> </body> </html> <script type="text/javascript"> $(document).ready(function () { InitDat

Jquery获取select option动态添加自定义属性值失效

Jquery获取select option动态添加自定义属性值失效 2014/12/31 11:49:19 中国学网转载 编辑:李强 http://www.xue163.com/588880/39096/390963333.html 为了帮助网友解决“Jquery获取select optio”相关的问题,中国学网通过互联网对“Jquery获取select optio”相关的解决方案进行了整理,用户详细问题包括:jqueryselectie9  function GetFenceItemData(

Jquery chosen动态设置值 select Ajax动态加载数据 设置chosen和获取他们选中的值

在做一个编辑对话框时,要对里面带有select option的操作.主要是想动态加载option和对option的选中.但是由于项目中使用了jquery里的chosen()方法,怎么也无法实现效果.原码如下: Java代码   <select id="viewOLanguage" data-rel="chosen"> <option value="zh">简体中文(简体中文 Chinese)</option>

Jquery chosen动态设置值 select Ajax动态载入数据 设置chosen和获取他们选中的值

? 在做一个编辑对话框时,要对里面带有select option的操作.主要是想动态载入option和对option的选中.可是由于项目中使用了jquery里的chosen()方法.怎么也无法实现效果.原码例如以下: ? ? Java代码 ? <select?id="viewOLanguage"?data-rel="chosen">?? ????<option?value="zh">中文简体(中文简体?Chinese)&l

HTML标签 select 里 动态添加option

HTML标签 select 里 动态添加option: ☆ var today = new Date(); var yearNow = today.getFullYear(); var optiongYears_className = [yearNow, yearNow+1]; var $selyear = $("select#classNameYear_add"); $.each(optiongYears_className, function (i, val) { if(i==0)

jquerymobile知识点:动态Grid的绑定以及刷新

下面jquerymobile是ajax动态绑定和刷新的例子.直接上图以及代码. 下面是实例代码: //初始绑定 function GetInitBind(PageIndex, PageSize, sqlwhere, OrderType) { showLoading(); var adapGrid = $("#adapGrid"); $.ajax({ type: "POST", url: "/Ashx/YouHui.ashx?MethodName=GetSe

Jquery 动态添加option 并给option添加数据,并帮定事件

//添加下拉框 function append_add(data) { $('#add').append( '<div class="form-group" id='+form_group_id+'>' + '<label for="shebeis">起始设备</label>' + '<select id=' + select_id + ' name="shebeis">' + '<optio

22、(转载)jQueryMobile 知识点总结

本文转自:http://www.cnblogs.com/jxyedu HTML5技术生态介绍 H5的现状与未来 HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本,现在仍处于发展阶段,但大部分浏览器已经支持某些 HTML5 技术.HTML 5有两大特点:首先,强化了 Web 网页的表现性能.其次,追加了本地数据库等 Web 应用的功能.广义论及HTML5时,实际指的是包括HTML.CSS和JavaScript在内的一套技术组合.它希望能

select(下拉列表框)动态添加子集

//创建一个空的select <select class="dx-adwse" name="report.type" id="addtype" style="width: 185px" > //页面加载时动态获取数据以及添加到创建的select $(document).ready(function(){ var sHtml = '<option value="">请选择民情类型<