javascript - jQuery:获取元素值时，是否需要在document ready中声明变量？

Question

我将特定表单元素的值存储为变量。在多个函数中使用了相同的值。

function one() {
    var selectedRole = $('#RegistrationRole_ID').val();
}
function two() {
    var selectedRole = $('#RegistrationRole_ID').val();
}

我想让它成为一个全局变量，这样我就不必在我的每个函数中都选择它了。所以我的问题是，如果我在文档就绪 block 之外声明变量，我是否仍然能够正确获取值？

<select id="RegistrationRole_ID">
    <option value="1">one</option>
</select>

我想我可能已经回答了我自己的问题……加载文档时该值可能会发生变化。真的，我想做的是删除重复的代码，在那里我多次获取元素的值。您对此有什么建议吗？

Answer 1

我建议不要那样做。如果您想更快/更轻松地访问，请编写一个函数:

var getRoleId = (function() {
  var roleField = $('#RegistrationRole_ID').get(0);
  return function() {
    return roleField.value;
  };
})();

现在你可以写了

  if (getRoldId() == 22) { // whatever }

优点是您真的不重复自己: Angular 色字段具有全局唯一“id”值，已经(本质上)“全局变量”。该函数只是确保您没有执行冗余的“document.getElementById()”调用(通过 jQuery)，但它保持诚实并避免脚本“缓存”值不同步的潜在问题。