select_javascript 기술 아래에 기본 옵션의 값과 텍스트를 추가하는 js 메소드

WBOY

풀어 주다： 2016-05-16 16:33:27

원래의

1590명이 탐색했습니다.

</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></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>
multiple="true"는 다중 선택을 지원함을 의미합니다. <br>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre code_snippet_id="487056" snippet_file_name="blog_20141017_5_1612209" name="code" class="javascript">

로그인 후 복사

js의 select 태그 아래에 항목을 생성하는 유연한 방법:

코드 복사 코드는 다음과 같습니다.

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>//select 태그에 새 OPTION 하위 태그를 추가합니다 <br>
oOption.value = "001";<span style="white-space:pre"></span>//콘텐츠에 해당하는 값 <br>
oOption.innerHTML ="Little Apple";<span style="white-space:pre"></span>//표시된 드롭다운 상자의 내용 <br>
...등등<br>
<br>
</div>
참고: js의 이 메서드는 특정 상황에서 더 유용합니다. 예를 들어 여기의 요청은 특정 인터페이스를 반환하지 않습니다. 즉, 전체 인터페이스가 새로 고쳐지지 않습니다. 대신 Ajax 비동기 요청을 사용하여 일부 로컬 데이터 요청을 수행합니다. 이때 아래 strut2 메소드는 유효하지 않습니다. <p>
</p>
<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">
<pre name="code" class="java"><pre name="code" class="java">for(...){ <br>
HashMap<string> map = new HashMap<string>() <br>
map.put("BM","001") <br>
map.put("MC","작은 사과") <br>
sjxList.add(맵) <br>
} <br>
<br></string></string>
</div>
또 다른 방법도 매우 일반적입니다. struts2의 기능을 사용하여 Action에서 List<Object> 변수를 정의하고(이 예를 sjxList라는 이름으로 사용) set 및 get 메소드를 설정합니다. <p>
</p>HashMap 객체를 통해 다음과 같은 콘텐츠를 추가하세요. <p>
</p>

인터페이스로 돌아가면 인터페이스의 선택 드롭다운 상자에 "Little Apple"이 표시됩니다.

<pre name="code" class="html">最简单的一种方式： 
直接在jsp页面手动添加select标签的OPTION项 
<html> 
<body> 
<form> 
<select id="cars" name="cars"> 
<option value="volvo">Volvo</option> 
<option value="binli">Binli</option> 
<option value="mazda" selected="selected">Mazda</option> 
<option value="audi">Audi</option> 
</select> 
</form> 
</body> 
</html>

로그인 후 복사