Javascript 如何在函数中使jquery id选择等于此值？

为什么我在尝试使用

$（“#选择省”）

该.value

时会出现错误

function updateCities(that){
   console.log(that.value);
}

$(document).ready(function(){
      updateCities($("#select-province"));
});

---

您需要将jquery对象转换为javascript对象。使用：

function updateCities(that){
  console.log(that.value);
}

$(document).ready(function(){
  updateCities($("#select-province")[0]);
});

---

您需要将jquery对象转换为javascript对象。使用：

function updateCities(that){
  console.log(that.value);
}

$(document).ready(function(){
  updateCities($("#select-province")[0]);
});

---

在使用jQuery时，请尽量使用jQuery

function updateCities(that){
  console.log($(that).val());
}

$(document).ready(function(){
  updateCities($("#select-province"));
});

---

在使用jQuery时，请尽量使用jQuery

function updateCities(that){
  console.log($(that).val());
}

$(document).ready(function(){
  updateCities($("#select-province"));
});

---

选择1，但不能同时选择两者：

• 传递DOM对象，而不是jQuery对象

  function updateCities(that){
      console.log(that.value);
  }
  
  $(document).ready(function(){
      updateCities(document.getElementById('select-province'));
  });
  

• 因为传递的是jQuery对象，所以请使用库函数正确检索值：

  function updateCities($that){
      console.log($that.val());  // or $that.prop('value')
  }
  
  $(document).ready(function(){
      updateCities($("#select-province"));
  });
  

  请注意，我将

  that

  的名称更改为

  $that

  ，以反映它是一个jQuery对象

---

选择1，但不能同时选择两者：

• 传递DOM对象，而不是jQuery对象

  function updateCities(that){
      console.log(that.value);
  }
  
  $(document).ready(function(){
      updateCities(document.getElementById('select-province'));
  });
  

• 因为传递的是jQuery对象，所以请使用库函数正确检索值：

  function updateCities($that){
      console.log($that.val());  // or $that.prop('value')
  }
  
  $(document).ready(function(){
      updateCities($("#select-province"));
  });
  

  请注意，我将

  that

  的名称更改为

  $that

  ，以反映它是一个jQuery对象

使用jquery$（that）.val（）工作正常

function updateCities(that){
  console.log($(that).val());
}

$(document).ready(function(){
      updateCities($("#select-province"));
});

请参见fiddle link

使用jquery$（that）.val（）其工作正常

function updateCities(that){
  console.log($(that).val());
}

$(document).ready(function(){
      updateCities($("#select-province"));
});

---

请参阅fiddle link

请指定您得到的错误$（“#选择省”）将返回您的jQuery对象，其中应将其读作$（that）.val（）@Nps实际上我认为应该是

that.val（）

，因为

that

将是jQuery对象请指定您得到的错误$（“#选择省”）将返回jQuery对象，它应该像$（that）.val（）@Nps一样读取。事实上，我认为它应该是

that.val（）

，因为

that

将是一个jQuery对象