如何在HTML标签中获取javascript变量文本值
How can I get a javascript variable text value in HTML lable tag
我正试图通过javascript中的onchange
事件获取位置坐标,我想在标签中显示该坐标。我已经尝试过以下场景,我可以通过使用警报框来获得坐标,但我无法通过使用document.getElementsByName("coordinates").innerHTML = text3;
在标签上显示
我在下面分享了我的代码
<%--
Created by IntelliJ IDEA.
User: rajee
Date: 2/15/15
Time: 1:19 PM
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Create new Survey</title>
</head>
<body>
<h2>simple survey form</h2>
<form name="surveyform" method="post" action="CreateSurvey">
<table>
<tr><td>Family name:</td><td><input type="text" name="familyName"></td></tr>
<tr><td>First name:</td><td><input type="text" name="firstName"></td></tr>
<tr><td>Middle name:</td><td><input type="text" name="middleName"></td></tr>
<tr><td>Gender:</td><td><input type="radio" name="sex" value="male" checked>Male</td><td><input type="radio" name="sex" value="female">Female</td></tr>
<tr><td>Birthday:</td><td><input type="date" name="dob"></td></tr>
<tr><td>Income : A?B?C?D?</td><td><input type="text" name="income"></td></tr>
<tr><td>Complete Address:</td><td><input type="text" name="address" id="address" onchange="codeAddress();"></td></tr>
<tr><td>Coordinates:</td><td><label id="coordinates" name="coordinates"></label></td></tr>
<tr><td>Mobile number:</td><td><input type="tel" name="mobileno"></td></tr>
<tr><td>Email Address:</td><td><input type="email" name="email"></td></tr>
<tr><td>Present internet provider:</td><td><input type="text" name="iprovider"></td></tr>
<tr><td>Positive comments with present provider:</td><td><textarea name="comments" cols="40" rows="5" ></textarea></td></tr>
<tr><td>Negative remarks with present provider:</td><td><textarea name="remarks" cols="40" rows="5" ></textarea></td></tr>
<tr><td><input type="submit" name="addsurvey" value="save survey details"></td><td><input type="reset" name="cancel" value="cancel"></td></tr>
</table>
</form>
</body>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
<script runat=server>
var geocoder;
var map;
function initialize() {
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(-34.397, 150.644);
var mapOptions = {
zoom: 8,
center: latlng
}
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
function codeAddress() {
var address = document.getElementById('address').value;
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
//alert(results[0].geometry.location);
var text3 = results[0].geometry.location;
alert(text3);
document.getElementsByName("coordinates").innerHTML = text3;
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
} else {
alert('Geocode was not successful for the following reason: ' + status);
}
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</html>
document.getElementsByName()
返回与指定名称匹配的所有元素的集合,集合索引从0
开始。
因此,如果标签是DOM中的第一个标签,那么它将是
document.getElementsByName('coordinates')[0].innerHTML = "text"
尝试使用ID,它将工作
document.getElementsById('coordinates').innerHTML = "text"
相关文章:
- 将函数的上下文应用于javascript变量
- 如何通过ajax刷新JSF填充的javascript变量
- Javascript变量赋值|
- 限制javascript变量的最小/最大整数
- 来自文本输入null的html javascript变量
- 访问jsrender模板中的全局javascript变量并更新它
- 从数据库中获取数据并插入JavaScript变量
- 如何将javascript变量传递到Meteor Spacebars模板中
- 将JavaScript变量保存到Rails模型
- 在if语句下的html中使用javascript变量
- Javascript变量分配-按类别
- 操作javascript变量[HTML]以只显示文本
- 无法比较javascript变量
- 如何将smarty变量与javascript变量进行比较
- 如何使用PHP将javascript变量添加到mysql数据库中
- Javascript 变量使用 jquery 查找变量
- 重新加载页面时Javascript变量发生变化
- 在asp classic中使用javascript变量
- 全局Javascript变量变为null
- 如何向服务器端提交javascript变量