ฉันพบปัญหาเมื่อฉันทำงานวันนี้ ชื่อ บริษัท ในหน้าอ่านโดยใช้ AJAX หลังจากเลือกชื่อโครงการ อย่างไรก็ตาม jqtransform ถูกเรียกหลังจากโหลดหน้าเว็บดังนั้นกล่องชื่อดรอปดาวน์ชื่อ บริษัท ไม่สามารถแสดงข้อมูลล่าสุดได้
<link rel = "stylesheet" href = "$ {ctx}/jqtransformmplugin/jqtransform.css" type = "text/css"> </link> <script type = "text/javascript" src = "$ {ctx} /jqtransformmplugin/jquery.jqtransform.js"> </script>
<script type = "text/javascript">
$ (function () {
$ ('ฟอร์ม'). jqtransform ({imgpath: 'images/jQueryFormimg/'});
-
</script>
การใช้ Firebug คุณจะเห็นว่าข้อมูลได้รับการประกบกันจริง แต่แบบฟอร์มเรียกว่าวิธี JQTransform หลังจากโหลดหน้าเว็บและข้อมูล UL ใน JQTransformSelectWrapper ยังไม่ได้รับการอัปเดต หลังจากคิดมานานแล้วฉันตัดสินใจที่จะอัปเดต UL ด้วยวิธีที่เรียบง่ายและหยาบ
Function Companyajax (proid) { $ .ajax ({
ประเภท: "โพสต์",
url: "$ {pageContext.request.contextpath} /recordsearch/ajax/getCompanyajax.do"
ข้อมูล: "JSON",
ข้อมูล: {proid: proid},
ความสำเร็จ: ฟังก์ชั่น (JSondata) {
var tmp = '';
tmp+= '<select id = "centerId" name = "centerId" onChange = "comChange ()" name = "centerId">';
// $ ("#centerid"). ว่าง (); tmp+= '<ค่าตัวเลือก = "">-โปรดเลือก-</potion>';
สำหรับ (var i = 0; i <jSondata.length; i ++) {
tmp+= '<ค่าตัวเลือก = "'+jSondata [i] .centerid+'">'+jSondata [i] .centername+'</optup>';
-
tmp+= '</select>';
$ ("#centerid"). parent (). ลบ ();
$ ("#comlable"). หลังจาก (tmp);
$ ("#centerid"). jqtransselect ();
-
-
-
ฮ่าฮ่าหลังจาก AJAX สอบถามข้อมูล บริษัท ลบ DIV ที่เกี่ยวข้องกับการเลือกที่สร้างโดย JQTransform จากนั้นแยก SELCT แล้วจึงเริ่มเลือกใหม่ วิธีนี้โง่ แต่ลองใช้มันก่อนและมีวิธีที่ดีกว่าในการพูดคุยเกี่ยวกับเรื่องนี้ในอนาคต
มันไม่เจ๋งเหรอ? - ฮ่าฮ่าในความเป็นจริง jqtransform มีประสิทธิภาพมากกว่า หากคุณต้องการใช้เอฟเฟกต์ที่คล้ายกันในอนาคตคุณสามารถอ้างอิงได้