<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
</HEAD>
<BODY>
<div>
<p> xxxxxxxxxxxxxxxxx </p>
<span id="x">1<!--这里的1就是从数据库读取的id--></span> <span style="display:none;" class="af">
<form>
<textarea style="width:300px;height:100px; margin:3px 0 0 20px; border:#C90 1px solid;" id="te"></textarea>
<input type="submit" value="提交" id="add">
</form>
</span><span class="reply"><a href="#" >回复</a></span> </div>
<div>
<script type="text/javascript">
$(document).ready(function(){
$(".reply").click(function(){
$(".af").css({'display':'block'})
})
$("#add").click(function(){
var n=$("#x").val();
alert(n);
var text=$("#te").val();
alert(text);
})
</script>
</BODY>
</HTML>问题:这个问题困扰很久了 为何就不能获取到id等于1呢?大家帮帮那个忙 谢谢!
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
</HEAD>
<BODY>
<div>
<p> xxxxxxxxxxxxxxxxx </p>
<span id="x">1<!--这里的1就是从数据库读取的id--></span> <span style="display:none;" class="af">
<form>
<textarea style="width:300px;height:100px; margin:3px 0 0 20px; border:#C90 1px solid;" id="te"></textarea>
<input type="submit" value="提交" id="add">
</form>
</span><span class="reply"><a href="#" >回复</a></span> </div>
<div>
<script type="text/javascript">
$(document).ready(function(){
$(".reply").click(function(){
$(".af").css({'display':'block'})
})
$("#add").click(function(){
var n=$("#x").val();
alert(n);
var text=$("#te").val();
alert(text);
})
</script>
</BODY>
</HTML>问题:这个问题困扰很久了 为何就不能获取到id等于1呢?大家帮帮那个忙 谢谢!
var n=$("#x").html();试试看
alert(n);
var text=$("#te").html();
alert(text);
<input type="text" style=" width:10px;" name="uid" value="<?=$row[0];?>" id="uid"/>
必须的用val() 但就是获取不到id
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
#container {
width:1000px;
margin:0 auto;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".reply").each(function(){
$(this).click(function(){
$(".af").each(function(){$(this).css({'display':'none'})})
$(this).parent().find('.af').fadeIn('slow')
})
})
$("#add").click(function(){
var n=$("uid").html();
alert(n);
})
})
</script>
</head>
<body>
<div id="container">
<?
$mysqli = new mysqli("localhost", "root", "123456", "test");
if ($result = $mysqli->query("select * from book order by id desc limit 0,10"))
{
while($row = $result->fetch_array())
{
?>
<div style=" border-bottom:#CCC 1px solid; margin: 0 auto;">
<p>
<?=$row[1]?>
</p>
<input type="text" style=" width:10px;" name="uid" value="<?=$row[0];?>" id="uid"/>
<span class="reply"><a href="#" >回复</a></span>
<div style="display:none;" class="af">
<form>
<textarea style="width:300px;height:100px; margin:3px 0 0 60px; border:#C90 1px solid;" name="replyContent" id="replyContent"></textarea>
</br>
<div style=" margin-left:150px; margin-top:10px;">
<input value="提交" type="submit" style="padding:2px; border:#C60 1px solid;" id="add"/>
<input value="取消" type="submit" style="padding:2px; border:#C60 1px solid;" id="del"/>
</div>
</form>
</div>
</div>
<?
}
?>
<?
}
$result->close();
$mysqli->close();
?>
</div>
<!--end#container-->
</body>
</html>这个是完整的 就是获取不到id 嘛原因?
php.ini
short_open_tag = On
把$("#add").click(function(){
var n=$("uid").html();
alert(n);
})
改为
var n=$("#uid").val();
试试
alert(n);
var n=$("input[name='uid']").val();
alert(n);
//最好给这个文本框加个id属性
var n=$("input[name='uid']:eq(0)").val();
alert(n);
$("#add").click(function() {
$("input[name='uid']").each( function() {
alert($(this).val());
});
});
var n=$("input[name='uid']").val();
(2).html();
html(),是应用于div ,span,这样的容器标签,input要向取值的话,应该用val().
//html
<input type="text" style=" width:10px;" name="uid" value="<?=$row[0];?>" id="uid" onclick="addClicked(this);"/>//js
addClicked:function(obj){
alert($(obj).val());
}试下这个能行么
val text html三个函数没有弄清楚
val只对有value属性的dom元素有效
text只要元素包含文本元素,就返回此文本元素
html自然是知道用dom元素的innnerhtml属性
所以要想取得id的值只有text 和html可用
var addClicked =function(obj){
alert($(obj).val());
}
</script><body>
<input id="uid" type="text" style=" width:10px;" name="uid" value="3" onclick="addClicked(this);">
</body>