Javascript 如何自动设置下拉列表的大小？

我正在尝试用Greasemonkey编写一个脚本，该脚本将自动设置下拉列表的大小（可以有多个…）以确定选择选项的数量，但由于我有限的JavaScript知识，我真的不知道如何做到这一点

主题示例：

<select name="z_pos_id">
<option value="2463">Option A</option>
<option value="2609">Option B</option>
<option value="3013">Option C</option>
</select>

<select name="z_pos_id">
<option value="140">Option AA</option>
<option value="3038">Option AB</option>
<option value="3519">Option AC</option>
<option value="2645">Option AD</option>
</select>

方案A
方案B
备选案文C
方案AA
选项AB
选项AC
选项广告

期望输出的示例：

<select size="3" name="z_pos_id">
<option value="2463">Option A</option>
<option value="2609">Option B</option>
<option value="3013">Option C</option>
</select>

<select size="4" name="z_pos_id">
<option value="140">Option AA</option>
<option value="3038">Option AB</option>
<option value="3519">Option AC</option>
<option value="2645">Option AD</option>
</select>

方案A
方案B
备选案文C
方案AA
选项AB
选项AC
选项广告

因此，

应替换为：

<select size="*the number of options*" name="z_pos_id">

---

谢谢大家的帮助

这是一个完整的脚本。这应该是不言自明的：

// ==UserScript==
// @name     _Auto-size select selects.
// @include  http://YOUR_SERVER.COM/YOUR_PATH/*
// @grant    none
// ==/UserScript==

var posIdSelects = document.querySelectorAll ("select[name=z_pos_id]");
for (var J = posIdSelects.length - 1;  J >= 0;  --J) {
    var numOpts  = posIdSelects[J].getElementsByTagName ("option").length;
    posIdSelects[J].setAttribute ("size", numOpts);
}

---

没有提到jQuery；它可能不适用于这个问题。有没有一种方法可以用它来做一个循环？是的，但是你必须精确地定义你所说的“循环”是什么意思。您是否在等待AJAX驱动的更改？打开一个包含确切细节的新问题。有什么方法可以通过双击提交值吗？可能吧。为此提出一个新问题。指定“双击”的确切含义，因为这不是网页上的正常操作。准确指定要提交/选择/单击的内容。

$(document).ready(function() {
    var ln = $("select[name=z_pos_id] option").length ;
    alert(ln); // you can delete this alert after your test
        $("select[name=z_pos_id]").attr('size', ln);
});