给50分的，关于JAVA的文本框问题，如果能用一定给分的.。。先谢谢各位了，，
两个文本框和一个按钮，我有提供图片，在下面。
我想我在文本框中填写完相应的信息之后，如果点击继续增加按钮后，就把文本框中的内容增加到一个字符串，同时可以再在文本框中继续填写信息，如果继续点继续增加，就把后面刚填写的内容给增加到前面的那个字符串中去，这样这个字符串中就有了两次增加的记录了，以此类推可以多次的把文本框中的内容增加到这个字符串中去了，这个怎么实现怎么实现啊？，我的思想对不对啊？如果不对希望好心人能帮帮我，我的做毕业设计，遇到麻烦了。。
这个是桌面应用程序哦
用JavaScript脚本，楼主复制代码到一个htm的文件中就可以试一下：
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Add Book</title>
<script type="text/javascript">
/**
* Append the current input to the book list.
*/
function add_book(){
var book_name = document.getElementById("book_name").value;
var book_amount = document.getElementById("book_amount").value;
var original_book_list = document.getElementById("book_list").value;
var new_book_list = null;
//简单的输入校验
if(book_name == "" || book_amount == ""){
alert("输入均不能为空!");
return false;
}
//Book list格式为(末尾没有逗号): 书名1:数量1,书名2:数量2 ...
if(original_book_list == null || original_book_list == ""){//第一个
new_book_list = book_name + ":" + book_amount;
}else{//追加
new_book_list = original_book_list + "," + book_name + ":" + book_amount;
}
//将拼接后的串设置为book_list的值
document.getElementById("book_list").value = new_book_list;
//清除上一次的输入
document.getElementById("book_name").value = "";
document.getElementById("book_amount").value = "";
document.getElementById("book_name").focus();
//To test
document.getElementById("test").innerHTML = document.getElementById("book_list").value;
return true;
}
/**
* Clear all input, include the pre-input in the book_list.
*/
function clear_all(){
document.getElementById("book_name").value = "";
document.getElementById("book_amount").value = "";
document.getElementById("book_list").value = "";
document.getElementById("test").innerHTML = document.getElementById("book_list").value;
document.getElementById("book_name").focus();
}
</script>
</head>
<body>
<div id="title"></div>
<div id="main">
<form action="you_action">
<div><label>书名：</label><input type="text" id="book_name" name="book_name" /> </div>
<div><label>数量：</label><input type="text" id="book_amount" name="book_amount" /></div>
<div><input type="button" id="add" value="继续增加" onclick="add_book();"/>
<input type="button" id="add" value="全部清除" onclick="clear_all();"/>
<input type="submit" id="add" value="提交"/>
</div>
<div id="hidden_fields">
<input type="hidden" id="book_list" name="book_list" />
</div>
</form>
</div>
<div id="end" style="font-size: 12px;">
<div>测试结果，实际的时候去掉这个div就可以。这个字符串会按参数名传book_list到后台，后台拿到之后要拆开解析。</div>
<div id="test" style="color:red;"></div>
</div>
</body>
</html>
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Add Book</title>
<script type="text/javascript">
/**
* Append the current input to the book list.
*/
function add_book(){
var book_name = document.getElementById("book_name").value;
var book_amount = document.getElementById("book_amount").value;
var original_book_list = document.getElementById("book_list").value;
var new_book_list = null;
//简单的输入校验
if(book_name == "" || book_amount == ""){
alert("输入均不能为空!");
return false;
}
//Book list格式为(末尾没有逗号): 书名1:数量1,书名2:数量2 ...
if(original_book_list == null || original_book_list == ""){//第一个
new_book_list = book_name + ":" + book_amount;
}else{//追加
new_book_list = original_book_list + "," + book_name + ":" + book_amount;
}
//将拼接后的串设置为book_list的值
document.getElementById("book_list").value = new_book_list;
//清除上一次的输入
document.getElementById("book_name").value = "";
document.getElementById("book_amount").value = "";
document.getElementById("book_name").focus();
//To test
document.getElementById("test").innerHTML = document.getElementById("book_list").value;
return true;
}
/**
* Clear all input, include the pre-input in the book_list.
*/
function clear_all(){
document.getElementById("book_name").value = "";
document.getElementById("book_amount").value = "";
document.getElementById("book_list").value = "";
document.getElementById("test").innerHTML = document.getElementById("book_list").value;
document.getElementById("book_name").focus();
}
</script>
</head>
<body>
<div id="title"></div>
<div id="main">
<form action="you_action">
<div><label>书名：</label><input type="text" id="book_name" name="book_name" /> </div>
<div><label>数量：</label><input type="text" id="book_amount" name="book_amount" /></div>
<div><input type="button" id="add" value="继续增加" onclick="add_book();"/>
<input type="button" id="add" value="全部清除" onclick="clear_all();"/>
<input type="submit" id="add" value="提交"/>
</div>
<div id="hidden_fields">
<input type="hidden" id="book_list" name="book_list" />
</div>
</form>
</div>
<div id="end" style="font-size: 12px;">
<div>测试结果，实际的时候去掉这个div就可以。这个字符串会按参数名传book_list到后台，后台拿到之后要拆开解析。</div>
<div id="test" style="color:red;"></div>
</div>
</body>
</html>
温馨提示：答案为网友推荐，仅供参考
第1个回答 2010-04-19
这个貌似是一个类似购物车一类的东西吧，如果拼字符串，存储和读取的时候都比较麻烦，建议你使用一个Hashtbale，用键值对的形式来存储书名和数量，操作起来也比较方便。
如需帮助，我的邮箱：
[email protected]
如需帮助，我的邮箱：
[email protected]
相似回答