2014-09-29 75 views
0

我是javascript的新手,我有一个获取文本框值并将其返回的函数,但我无法使用外部返回值的功能。我想让函数返回一个字符串并将其显示在网页中。以下是代码。如何从文本框中获取字符串并在页面中显示javascript

<%@ page import="java.io.*,java.util.*,java.sql.*"%> 
<%@ page import="javax.servlet.http.*,javax.servlet.*" %> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql"%> 

<!DOCTYPE html> 
<html> 
<head> 
<title> Inventory test </title> 
</head> 
<body> 

<script type="text/javascript"> 

function function1(){ 

    var x = document.getElementById("text1").value; 

    if (x.length == ""){ 
     alert ("input is empty"); 
    }else{ 
     alert (x + " " + "fine"); 
     return x; 
    } 
} 

</script> 

First name: <input type="text" id="text1" name="text1" autofocus> 

<button onclick="function1()"> submit </button> 

<p id="p1">p1</p> 


</body> 
</html> 

回答

0

,而不是返回,只需直接分配给你想要的,例如,使用

document.getElementById("p1").innerHTML = x 
0

你应该设置文本输入的值DOM元素

function function1() { 
    document.getElementById("p1").innerHTML = document.getElementById("text1").value; 
} 
0
function function1() 
{ 

var x = document.getElementById("text1").value; 

    if (x.length == "") 
    { 
    alert ("input is empty"); 
    } 
    else 
    { 
    alert (x + " " + "fine"); 
    document.getElementById("p1").innerHTML = x; 

} 
0

尝试这

<%@ page import="java.io.*,java.util.*,java.sql.*"%> 
<%@ page import="javax.servlet.http.*,javax.servlet.*" %> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql"%> 

<!DOCTYPE html> 
<html> 
<head> 
<title> Inventory test </title> 
</head> 
<body> 

<script type="text/javascript"> 

function function1(){ 

    var textValue = document.getElementById("text1").value; 

    if (x.length == ""){ 
     alert ("input is empty"); 
    }else{ 
     document.getElementById("p1").innerHTML = textValue; 
    } 
} 

</script> 

First name: <input type="text" id="text1" name="text1" autofocus> 

<button onclick="function1()"> submit </button> 

<p id="p1">p1</p> 


</body> 
</html> 
+0

感谢您的回复,我希望该函数返回一个字符串,我想发送到数据库服务器来查询我不想将其设置为另一个对象。 – smgopinath 2014-09-30 06:04:27

相关问题