Jquery使用问题
来源：6-2 项目作业
jia_蛙
2019-12-13 10:21:44
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!--引入JSTL标签库 prefix表示为这个JSTL核心库声明一个前缀 -->
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>修改图书信息</title>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/add.css">
<%
String bookId = request.getParameter("bookId");
%>
<!-- 对JQuery进行引用-->
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.4.1.js" ></script>
<script type="text/javaScript">
function form_submit(){
var bookName = $("input[name='bookName']").val;
//var bookName = document.getElementById("bookName").value;
if(bookName != null){
alert(bookName);
return false;
}
}
</script>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="/dept/list.do">
图书信息管理
</a>
</div>
</div>
</nav>
<div class="container">
<div class="jumbotron">
<h1>Hello, XXX!</h1>
<p>请小心的修改图书信息。。。</p>
</div>
<div class="page-header">
<h3><small>修改</small></h3>
</div>
<form class="form-horizontal" action="${pageContext.request.contextPath}/updateBook.jsp" method="post" onsubmit="return form_submit()">
<div class="form-group">
<label for="name" class="col-sm-2 control-label">图书编号 ：</label>
<div class="col-sm-8">
<input name="bookId" class="form-control" id="bookId" readonly="readonly" value='<%=bookId%>'>
</div>
</div>
<div class="form-group">
<label for="name" class="col-sm-2 control-label">图书名称 ：</label>
<div class="col-sm-8">
<input name="bookName" class="form-control" id="bookName">
</div>
</div>
<div class="form-group">
<label for="categoryId" class="col-sm-2 control-label">分类 ：</label>
<select id="categoryId" name="categoryId" class="col-sm-2 form-control" style="width: auto;margin-left: 15px">
<option value="ca0001" selected="">计算机</option>
<option value="ca0002">文学</option>
<option value="ca0003">历史</option>
<!-- 下拉列表的内容要从分类中进行读取，value值是分类id -->
</select>
</div>
<div class="form-group">
<label for="name" class="col-sm-2 control-label">价格 ：</label>
<div class="col-sm-8">
<input name="bookPrice" class="form-control" id="bookPrice">
</div>
</div>
<div class="form-group" >
<label for="name" class="col-sm-2 control-label">图书封面 ：</label>
<input type="file" id="bookPic" name="bookPic" style="padding-left: 15px">
</div>
<div class="form-group">
<label for="name" class="col-sm-2 control-label">备注 ：</label>
<div class="col-sm-8">
<input name="remarks" class="form-control" id="remarks">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary">修改</button>
</div>
</div>
</form>
</div>
<footer class="text-center" >
copy@imooc
</footer>
</body>
</html>
-----------------------
老师 jquery的val不是获取或设置输入项的值吗,我这里为什么获取的是这些看不懂的东西，
但是如果使用document.getElementById就能正常获取，是我的使用有什么问题吗
写回答
1回答
-
同学你好，使用jquery获取文本框的值，应该调用val()函数，要添加括号，否则获取的是jquery底层内部实现的源码等内容。
具体如下：
如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
0h019-12-13
相似问题