html下拉列表如何添加数据库,如何在html中从数据库中创建一个动态的下拉列表？...

对于AJAX，请检查此示例。这是2下拉菜单。

服务

医生

所以，当你选择了服务，那么你就可以得到医生。当你选择医生时，它会将你重定向到一个URL。希望能帮助到你！

HTML 单击选择服务 服务1 服务2 服务3

JS

// The data that the service should return

// JSFiddle will echo it back for us on that URL

var doctors = {

success: true,

doctors: [

{

id: 71,

name: "George"

},

{

id: 72,

name: "James"

}

]

}

// This is what your JSON from PHP should look like

var jsonDoctors = JSON.stringify(doctors);

console.log(jsonDoctors);

// Bind change function to the select

jQuery(document).ready(function() {

jQuery("#services").change(onServiceChange);

});

function onServiceChange()

{

var serviceId = jQuery(this).val();

$.ajax({

url: '/echo/json/',

type: 'post',

data: {

serviceId: serviceId,

json: jsonDoctors // jsFiddle echos this back to us

},

success: onServicesRecieveSuccess,

error: onServicesRecieveError

});

}

function onServicesRecieveSuccess(data)

{

// Target select that we add the states to

var jTargetSelect = jQuery("#doctors");

// Clear old states

jTargetSelect.children().remove();

// Add new states

jQuery(data.doctors).each(function(){

jTargetSelect.append(''+this.name+'');

});

}

function onServicesRecieveError(data)

{

alert("Could not get services. Please try again.");

}