根据第一个下拉列表中使用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是我的第二个dropdownmenu的名称，state是field_name，this.value是id。

但是当调用此函数时，当它被警告时它显示[objectHTMLSelectElement]。

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

Answer 1

我相信你想要的是

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

您可能还想查看serializeObject，这是一个很好的帖子Convert form data to JavaScript object with jQuery