根据使用 jquery 和 php 在第一个下拉列表中选择的元素，在第二个下拉列表中添加元素

Question

我正在尝试根据用户在下拉列表中选择的州来填充城市。

我在 jquery 中定义了一个函数：

function onchange1(dropdownmenu,field_name,id)
{
  alert(field_name);

  $.post(
  'wppb.city.php', 
  { field_name: id},
  function(data) {
    alert(data);
    $('#'+dropdownname).html(data);

    alert("Data Loaded: " + data);
  });   

  alert($('#'+dropdownname).html());
}

我正在尝试从我调用此函数的位置获取值。 我在 html 标签中调用了这个函数：

<select name="state" id=state onChange="onchange1(city,state,this.value);">

其中 city 是我的第二个下拉菜单的名称，state 是 field_name，this.value 是 id。

但是当这个函数被调用并且收到警报时，它会显示 [objectHTMLSelectElement]。

如何从 HTML 检索值并在 jquery 函数中使用它？

Answer 1

我相信你想要的是

$('#'+field_name.id).val()

您可能还想查看 serializeObject ，一个很好的帖子是使用 jQuery 将表单数据转换为 JavaScript 对象