簡體   English   中英

設置一個特定的列表框項,如通過jsp在html中選擇的

[英]set a particular listbox item as selected in html through jsp

我是jsp的新手,要做的是:將一個列表框項設置為從jsp的html中選擇的

在abc.jsp中

<%  
try  
{  
    Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");  
    Connection conn = DriverManager.getConnection("jdbc:odbc:dsnName","","");  
    Statement stmt=conn.createStatement();  
    String query="select * from tablen1 where id=1";  
    ResultSet rset=stmt.executeQuery(query);//suppose only one record is selected or fetched  
    String data=rset.getString(2);//i want this value to be shown in listbox of html form as selected when that form get opened  
    ..............  
    ......  
%> 

<form>  
 .......  
 ......  
 <select  name="paper" onBlur="f_papper();" >   
    <option value="">---SELECT---</option>  
    <option value="value1">item1</option>  
    <option value="value2">item2</option>  
    <option value="value3">item3</option>  
    <option value="value4">item4</option>  
    <option value="value5">item5</option>  
    <option value="value6">item6</option>  
    <option value="value7">item7</option>  
 </select>  
</form>

請告訴我如何根據我的需要選擇一個列表框項目。

任何幫助將不勝感激!

您可以在</ body>之前的<select>下使用

<script>
  document.getElementById('paper').value = '<%= data %>';
</script>

如@ s3ib所建議

要么

<select  name="paper" onBlur="f_papper();" >   
<option value="">---SELECT---</option> 
<option value="value1" <%if("value1".equals(data)out.print("selected='selected'");%>>item1</option>

 <option value="value2"    <%if("value2".equals(data)out.print("selected='selected'");%>>item2</option>
...
</select>

如果使用循環生成選項,則以上代碼非常理想

<select name="paper" id="paper" onBlur="f_papper();" >
  <option value="">---SELECT---</option>
  <option value="value1">item1</option>
  <option value="value2">item2</option>
  <option value="value3">item3</option>
  <option value="value4">item4</option>
  <option value="value5">item5</option>
  <option value="value6">item6</option>
  <option value="value7">item7</option>
</select>

<script>
  $('#paper').val('<%= data %>');
</script>

這將是使用jQuery的一種方式。

編輯:或者,如果您不想使用jQuery,則可以使用純JavaScript,如下所示:

<script>
   document.getElementById('paper').value = '<%= data %>';
</script>
<select  name="paper"  >   
    <option value="">---SELECT---</option>  
    <option value="value1" selected="">item1</option>  //this value selected
    <option value="value2" >item2</option>  
    <option value="value3">item3</option>  
    <option value="value4">item4</option>  
    <option value="value5">item5</option>  
    <option value="value6">item6</option>  
    <option value="value7">item7</option>  
 </select>

這些技巧可能會幫助您...

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM