js添加select下默认的option的value和text的方法_javascript技巧

</p>
<p>jsp 中的下拉框标签：</p>
<p><s:select name="sjx" id="sjx" list="sjxList" listKey="BM" listValue="MC" size="20" cssStyle="width:100%;height:70px; border:0" multiple="true"></s:select></p>
<p><div class="codetitle"><span><a style="CURSOR: pointer" data="14907" class="copybut" id="copybut14907" onclick="doCopy('code14907')"><U>复制代码</U></a></span> 代码如下:</div><div class="codebody" id="code14907"><br />
<pre name="code" class="html"> <br />
<br />
multiple="true"意思是支持选择多个。 <br />

<br />
<br />
</div><br />
js中灵活创建select标签下的项的方式：</p>
<p><div class="codetitle"><span><a style="CURSOR: pointer" data="6621" class="copybut" id="copybut6621" onclick="doCopy('code6621')"><U>复制代码</U></a></span> 代码如下:</div><div class="codebody" id="code6621"><br />
<pre name="code" class="javascript">var oSelect = $("sjx");<span style="white-space:pre"> </span>//sjx为html或jsp页面上的select标签的id，如果使用Extjs的话，可以用EXT.getDom('sjx')获取标签 <br />
<br />
var oOption = document.createElement("OPTION");<span style="white-space:pre"> </span>//js中创建select标签下的OPTION子标签 <br />
oSelect.options.add(oOption);<span style="white-space:pre"> </span>//将新建的OPTION子标签添加到select标签下 <br />
oOption.value = "001";<span style="white-space:pre"> </span>//内容对应的value值 <br />
oOption.innerHTML ="小苹果";<span style="white-space:pre"> </span>//显示的下拉框的内容 <br />
...以此类推<br />
</div></p>
<p>Note：js中的这种方式，在特定的场合是比较有用的，比如：这里请求不返回特定界面，也就是不刷新整个界面。而是采用Ajax方式的异步请求做一些局部的数据请求，那么这个时候下面strut2的方式，就会无效。</p>
<p><div class="codetitle"><span><a style="CURSOR: pointer" data="84595" class="copybut" id="copybut84595" onclick="doCopy('code84595')"><U>复制代码</U></a></span> 代码如下:</div><div class="codebody" id="code84595"><br />
<pre name="code" class="java"><pre name="code" class="java">for(...){ <br />
HashMap<String,Object> map = new HashMap<String,Objcet>(); <br />
map.put("BM","001"); <br />
map.put("MC","小苹果"); <br />
sjxList.add(map); <br />
} <br />
</div></p>
<p>另外一种方式，也是非常常用的：利用struts2的特性，在Action中定义一个List<Object>变量（以本例为例，命名为：sjxList），并设置set、get方法。</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/1928">
                            <img src="https://img.php.cn/upload/ai_manual/001/246/273/68b6d56e1edcc642.png" alt="达芬奇">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/1928">达芬奇</a>
                            <p>达芬奇——你的AI创作大师</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="达芬奇">
                                <span>144</span>
                            </div>
                        </div>
                        <a href="/ai/1928" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="达芬奇">
                        </a>
                    </div>
                <p><span>立即学习</span>“<a href="https://pan.quark.cn/s/c1c2c2ed740f" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">Java免费学习笔记（深入）</a>”；</p>
<p>通过一个 HashMap 对象，添加内容，比如：</p>
<p>