Where The Streets Have No Name

html로 옵션을 보내는 방법2가지 본문

Developement/Web

html로 옵션을 보내는 방법2가지

highheat 2006. 6. 1. 18:43

①select 에 option 을 줄수있는가?
②jsp에서 발생한 값을 javascript에서 줄수 있는가

 

==option 만드는 방법 2가지==

javascript에서 html로 옵션을 보내는 방법2가지

 

①옵션갯수를 정하자

document.frm.world.length="갯수";

 

②옵션갯수 만큼 반복시키고 옵션을 생성

document.frm.world.option[방번호]=new Option(보여준값,value값);

 

=================================================================

 

<%@ page contentType="text/html;charset=euc-kr"
   import="java.sql.*"

%>

<SCRIPT LANGUAGE="JavaScript">
<!--
function add()
{
obj=document.frm;
obj.world.length=10;
var name=new Array("정준하","전사마","꼬맹이","왕팔뚝","미연히메","곽샘","아하","오호","우후","유후");



  for(a=1;a<obj.world.length;a++)
{
  obj.world.options[a]=new Option(name[a],a+"번은"+name[a]); 
}
}

function test()
{
var obj=document.frm.world;
alert(obj.selectedIndex+"번선택");
alert(obj.options[obj.selectedIndex].value);

}

//-->
</SCRIPT>

<body onLoad="add()">
<FORM METHOD=POST ACTION="" name="frm">
제조나라<select name="world" onChange="test()">
<option value="-1">--------</option>
<option value="1">--------</option>
<option value="2">--------</option>
</select>
</FORM>
</body>

 

================================================================

<<JSP 호출 순서>>

 


①<head>②<script>③<body>


①<%!  %>②<%  %>③<script></script>

===============================================================

 

오름차순 asc ==>select model from maker order by model asc;

내림차순 desc==>select model from maker order by model desc;

 

===============================================================

<!-- jsp&script-->

<%@ page info="연습이랑께"
        import="java.sql.*,java.util.*"
     contentType="text/html;charset=MS949"

%>
<%!
  Connection con;
  PreparedStatement ps;
  ResultSet rs;


  public void jspInit()
  {
   mydb.DbCon db=new mydb.DbCon();
   con=db.getCon();

   }

%>


<%

  String sql="select model from maker";

  ps=con.prepareStatement(sql);
rs=ps.executeQuery();

  Vector v=new Vector();

 

  while(rs.next())
{

     v.add(rs.getString("model");


   }

 

%>

<title>jsp와 script 쫄</title>

<script language="javascript">
function getVal(s)
{

  alert(s);

   
}


function add()
{
obj=document.test;
obj.model.length=10;

  var name=new Array("gkgk","aaaa");


for(a=1;a<obj.world.length;a++)
{
  obj.model.options[a]=new Option(name[a],a+"번은"+name[a]); 
}
}

 

 

function test()
{
var obj=document.test.model;
alert(obj.selectedIndex+"번선택");
alert(obj.options[obj.selectedIndex].value);

}


</script>

<body onLoad="add()">
<form name="test">모델
<select name="model" onChange="test()">
<option value="1"><%=str%></option>
</select>

<select>

<%

for(int i=0;i<v.size();i++)

{

%>

<option value="(String)v.get(i)"></option>

 

<%}%>

 

</select>

<input type="button" value="히히" onClick="getVal('<%=str%>')">

</form>
</body>
</html>

'Developement/Web' Related Articles more