根據使用 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 對象