jqery用document.getElementById获取的值显示为[object HTMLInputElement],该如何处理
日期：2014-05-16 浏览次数：20404 次
jqery用document.getElementById获取的值显示为[object HTMLInputElement]
document.getElementById('content')无法获取输入框的值，获取的值为[object HTMLInputElement]。
用document.getElementById('content').value获取的值则为空，大家帮忙看看代码有哪些问题：
<div id="searchcontent">
<input type="text" name="wd" id="content" maxlength="100" class="s_ipt" autocomplete="off">
</div>
$(document).ready(function searchsub() {
jQuery('#searchcontent').append('<div><a href="http://www.baidu.com/s?wd='+ document.getElementById('content')+'" target="_blank">百度</a></div>');
});
------解决方案--------------------
你得重新绑定啊。
document.getElementById('content')无法获取输入框的值，获取的值为[object HTMLInputElement]。
用document.getElementById('content').value获取的值则为空，大家帮忙看看代码有哪些问题：
<div id="searchcontent">
<input type="text" name="wd" id="content" maxlength="100" class="s_ipt" autocomplete="off">
</div>
$(document).ready(function searchsub() {
jQuery('#searchcontent').append('<div><a href="http://www.baidu.com/s?wd='+ document.getElementById('content')+'" target="_blank">百度</a></div>');
});
------解决方案--------------------
你得重新绑定啊。
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
jQuery('#searchcontent').append('<div><a href="http://www.baidu.com/s?wd='+ document.getElementById
('content').value+'" target="_blank">百度</a></div>');
$("#content").bind("change",function(){
$("a").attr("href","http://www.baidu.com/s?wd="+ document.getElementById('content').value+"");
});
});
</script>
</head>
<body>
<div id="searchcontent">
<input type="text" name="wd" id="content" maxlength="100" class="s_ipt" autocomplete="off">
</div>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
