Rumah > hujung hadapan web > tutorial js > Gunakan ajax jqtransform untuk memuatkan select_jquery secara dinamik

Gunakan ajax jqtransform untuk memuatkan select_jquery secara dinamik

WBOY
Lepaskan: 2016-05-16 16:29:48
asal
1288 orang telah melayarinya

Saya menghadapi masalah di tempat kerja hari ini Nama syarikat pada halaman dibaca menggunakan ajax selepas nama projek dipilih. Walau bagaimanapun, jqtransform dipanggil selepas halaman dimuatkan, jadi kotak lungsur nama syarikat tidak boleh memaparkan data terkini.

<link rel="stylesheet" href="${ctx}/jqtransformplugin/jqtransform.css" type="text/css"></link> <br /><script type="text/javascript" src="${ctx}/jqtransformplugin/jquery.jqtransform.js"></script> <br /><SCRIPT type="text/javascript"> <br />        $(function(){ <br />            $('form').jqTransform({imgPath:'images/JQueryformimg/'}); <br />        }); <br /></SCRIPT>
Salin selepas log masuk

Menggunakan pepijat api, anda dapat melihat bahawa data sebenarnya telah disambungkan, tetapi borang telah memanggil kaedah jqTransform selepas halaman dimuatkan dan data ul dalam jqTransformSelectWrapper belum dikemas kini. Setelah berfikir panjang, saya memutuskan untuk mengemas kini ul menggunakan kaedah yang mudah dan kasar.

    function companyAjax(proid){ <br />        $.ajax({  <br />            type:"POST", <br />            <a href=""${pageContext.request.contextPath}/recordsearch/ajax/getCompanyAjax.do">url:"${pageContext.request.contextPath}/recordsearch/ajax/getCompanyAjax.do</a>", <br />            dataType:"json", <br />            data:{proid : proid}, <br />            success:function(jsondata){ <br />                var tmp=''; <br />                tmp+='<select id="centerid" name="centerid" onchange="comChange()" style="width: 160px;" name="centerid">'; <br />                //$("#centerid").empty();                tmp+='<option value="">--请选择--</option>'; <br />                for(var i=0;i<jsondata.length;i++){ <br />                    tmp+='<option value="'+jsondata[i].centerid+'">'+jsondata[i].centername+'</option>'; <br />                } <br />                tmp+='</select>'; <br />                $("#centerid").parent().remove(); <br />                $("#comLable").after(tmp); <br />                $("#centerid").jqTransSelect(); <br />            } <br />        }); <br />    }
Salin selepas log masuk

Haha, selepas menanyakan data syarikat dengan ajax, padamkan div berkaitan pilih yang dijana oleh jqtransform, kemudian sambung pilih, dan kemudian mulakan semula pilih. Kaedah ini agak bodoh, tetapi mari kita gunakannya buat masa ini, dan kita akan mencari cara yang lebih baik kemudian.

Bukankah ia keren? . Haha, sebenarnya jqtransform lebih berkuasa Jika anda perlu menggunakan kesan serupa pada masa hadapan, anda boleh merujuknya.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan