我晕,csdn有bug,双击提交问题没处理好,我要多点几次我的分就都没了
解决方案 »
- Juery日期控件取值问题
- MySQL如何插入图片路径
- 关于中文文件的下载问题
- JAVA调用dll文件获取视频时长的问题
- BUILD.XML 的代码? 谁给解释下
- 如何在JSP中对数据库任意表进行增删改查操作?
- 求救:jsp里老是加载不了struts标签!
- 菜鸟问题:如何从下拉列表中取值??
- java.lang.NoSuchMethodError: jdyd.hotel.setPassword(Ljava/lang/String;)V
- 还是JSP+TOMCAT5+MySQL的数据库连接问题:我把环境配置贴出来,请大家帮忙看一下
- 用JSP做一个在线考试系统
- Struts中Web.xml 里面filter问题
<head>
<title></title>
<style>
div {
border: .1em solid #900;
}
#border {
border-width: .1em;
border-style: solid;
border-color: #000;
}
</style>
</head>
<body>
<form id="formID">
<input type="text" size="20" value="testinput" id="inputID"/>
<div id="border" style="width:144px">
<a href="#" onclick="document.getElementById('inputID').value='test1'">test1</a>
</div>
<div style="width:144px">
<a href="#" onclick="document.getElementById('inputID').value='test2'">test2</a>
</div>
<div style="width:144px">
<a href="#" onclick="document.getElementById('inputID').value='test3'">test3</a>
</div>
</form>
</body>
</html>
长度你自己调整就好了
在test1 test2 test3加link href="#"的话就可以用tab键取得焦点
在test1取得焦点的时候 按回车 input的值就变为test1
在test2取得焦点的时候 按回车 input的值就变为test2
在test3取得焦点的时候 按回车 input的值就变为test3
test1
</div>
<div style="border:double; width:100px">
test2
</div>
<div style="border:double; width:100px">
test3
</div>
楼主按TAB键控制哪个DIV里面元素获取焦点
之后点击回车,文本框值就对应获取了<head>
<title></title>
<style>
div {
border: .1em solid #900;
}
#border {
border-width: .1em;
border-style: solid;
border-color: #000;
}
</style>
</head>
<body>
<form id="formID">
<input type="text" size="20" value="testinput" id="inputID"/>
<div id="border" style="width:144px">
<a href="#" onclick="document.getElementById('inputID').value='test1'">test1</a>
</div>
<div style="width:144px">
<a href="#" onclick="document.getElementById('inputID').value='test2'">test2</a>
</div>
<div style="width:144px">
<a href="#" onclick="document.getElementById('inputID').value='test3'">test3</a>
</div>
</form>
</body>
</html>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
</head>
<style type="text/css">
.main {
border: 1px;
border-color: red;
border-style: solid;
width: 200px;
}
</style>
<body>
<div style="width:50px" id="divID" >
<form id="formID">
<input type="text" value="testinput" id="inputID" class="main"/>
<div class="main">
<a href="#" onclick="document.getElementById('inputID').value='test1'">test1</a>
</div>
<div class="main">
<a href="#" onclick="document.getElementById('inputID').value='test2'">test2</a>
</div>
<div class="main">
<a href="#" onclick="document.getElementById('inputID').value='test3'">test3</a>
</div>
</form>
</div>
</body>
</html>
3可以用键盘选择,
4回车可为input赋值。
关于你的3、4两点,我认为
<DIV></DIV>用<SELECT></SELECT>
会更好实现。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.main{
border:1px solid;
width:155px;
}
a{
text-decoration: none;
color: #000000;
}
</style> <script type="text/javascript">
function enter(msg){ //键盘按下调用的函数
if(event.keyCode==13){ //判断按下的是否是回车键(回车键的keyCode为13)
document.getElementById("inputID").value=msg;//给文本框赋值
}
}
</script>
</HEAD> <body>
<div style="width:50px" id="divID">
<form id="formID">
<input type="text" value="testinput" id="inputID"/>
<div class="main" >
<a href="#" onkeydown="enter('test1')">test1</a>
</div>
<div class="main">
<a href="#" onkeydown="enter('test2')">test2</a>
</div>
<div class="main">
<a href="#" onkeydown="enter('test3')">test3</a>
</div>
</form>
</div>
</body>
</html>
var TextUtil = new Object();
TextUtil.autosuggestMatch = function(sText,arrValues)
{
var arrResult = new Array();
if(sText != "")
{
for(var i = 0;i<arrValues.length;i++)
{
if(arrValues[i].indexOf(sText) == 0)
{
arrResult.push(arrValues[i]);
}
}
}
return arrResult;
}
TextUtil.clear = function(oListbox)
{
for(var i = 0;i<oListbox.options.length;i++)
{
oListbox.remove(i);
}
}
TextUtil.add = function(oListbox,sName,sValue)
{
var oOption = document.createElement("option");
oOption.appendChild(document.createTextNode(sName));
if(arguments.length == 3)
{
oOption.setAttribute("value",sValue);
}
oListbox.appendChild(oOption);
}
TextUtil.autosuggest = function(oTextbox,arrValues,sListboxId)
{
var oListbox = document.getElementById(sListboxId);
TextUtil.clear(oListbox);
var arrMatches = TextUtil.autosuggestMatch(oTextbox.value,arrValues);
for(var i = 0;i<arrMatches.length;i++)
{
TextUtil.add(oListbox,arrMatches[i]);
}
}
//The end <html>
<head>
<title></title>
<script type="text/javascript" src="textutil.js"></script>
<script type="text/javascript">
var arrColors = ["red","orange","yellow","green","blue","indigo","violet","brown",
"tan","ivory","navy","aqua","white","purple","pink","gray","silver"];
arrColors.sort();
function setText(oListbox,sTextboxId)
{
var oTextbox = document.getElementById(sTextboxId);
if(oListbox.selectedIndex > -1)
{
oTextbox.value = oListbox.options[oListbox.selectedIndex].text;
}
}
</script>
</head>
<body >
<input type="text" value="" id="txtColor" onkeyup="TextUtil.autosuggest(this,arrColors,'lstColors')" /><br />
<select id="lstColors" size="5" style="width:200px" onclick="setText(this,'txtColor')"></select>
</body>
</html>