0
我正在創建一個代碼來創建一個微調，當一個選擇事件在下拉下拉菜單中選擇，自動填充下面的下拉菜單時，我在網上搜索了不同的方法， t似乎找到了解決方案，我認爲它是我構建腳本的方式。我在腳本中有多個代碼來運行不同類型的函數。這是我的代碼在第一個下拉菜單下觸發其餘的下拉菜單是1，我已經綁定了最後3個。從ajax.info已經有我的微調。我只想知道如何使用ajax.start/hide或show方法來實現它。Jquery ajax加載圖片/微調
PHTML代碼
<script type="text/javascript">
$(document).ready(function() {
$("#search").autocomplete({
source: function(request, response)
{
$.ajax({url: '<?php echo $this->baseURL()?>/../../../../' + request.term,
dataType: 'json',
success: function(data)
{
response(data);
}
})
},
select: function(event, ui)
{
.
ajaxautofill(ui.item.id);
}
,
minLength:2});
$("#1").bind('change', function() {
ajax2();
ajax3();
ajax4();
});
$('#add').click(function(){
$.ajax({
url:'<?php echo $this->baseURL()?>/../..',
type:'post',
dataType: "json",
data:{ '1':$('#1').val(),
'4':$('#4').val(),
'2':$('#2').val(),
'3':$('#3').val()},
success:function(data){
var row = '<tr><td>' + data["1"] + '</td><td>'
+ data["4"] + '</td><td>'
+ data["2"] + '</td><td>'
+ data["siccode"] + '</td>';
$('#t2').append(row);
//alert();
}
});
});
});
/*************************************1 Change*************************************************/
function ajax4() {
$.ajax({
type: "POST",
url: '<?php echo $this->baseURL()?>/../../.../1/' + encodeURIComponent($('#1').val()),
success: function(newElement) {
// Insert new element before the Add button
$("#4-label").remove();
$("#4").parent().remove();
$("#2-label").before(newElement);
//$("#1").after(newElement);
}
});
}
function ajax2() {
$.ajax({
type: "POST",
url: '<?php echo $this->baseURL()?>/../../2/1/' + encodeURIComponent($('#1').val()),
success: function(newElement) {
// Insert new element before the Add button
$("#2-label").remove();
$("#2").parent().remove();
$("#3-label").before(newElement);
//$("#1").after(newElement);
}
});
}
function ajax3() {
$.ajax({
type: "POST",
url: '<?php echo $this->baseURL()?>/../../../1/' + encodeURIComponent($('#1').val()),
success: function(newElement) {
// Insert new element before the Add button
$("#3-label").remove();
$("#3").parent().remove();
$("#2-label").after(newElement);
//$("#1").after(newElement);
}
});
}
/********************************************Autocomplete Search Select ****************************************/
function ajaxautofill(id) {
$.ajax({
type: 'POST',
datatype: 'JSON',
url: '<?php echo $this->baseURL()?>/../../../../' + id,
select: function(event, ui){
//$("#1-label").remove();
//$("#1").remove();
//data: '1':$('#1').val(),
//dataType: 'JSON',
//async: true,
// + encodeURIComponent($('#1').val()),
/*success: function(id) {
// Insert new element before the Add button
//$("#1").remove();
$("#1-label").remove();
//$("#1-label").before();
//$("#search-label").after(newElement);
}*/ }
});
}
</script>
提前