Question

jquery 如何获取隐藏div中Input中的文本框值？

因为input中的值是自己手动输入的，所以获取不到；如果直接给Input赋值" <input type='text' id=a Value='aaa' "/>是可以获取到value的，但是现在我手动输入的话就不行了。。。

Answer 1

jQuery 获取 input 文本框中的值方法始终是相同的，与是否隐藏无关，隐藏与不隐藏都能获取到值；

<div id="thisdiv" style="display: none">
<input type="text" class="demo" id="demo" value="123213e2q">
</div>

<script>
var value = $('#demo').val(); // 直接根据 input 的id 获取值

var value = $('.demo').val(); // 根据input 的class 类获取值，此方法需保证只有一个input 使用该class 类，否则始终返回第一个使用该class 类的input 的值

var value = $('#thisdiv input').val(); //
var value = $('#thisdiv .demo').val(); // 根据父元素定位input 获取值

以上的方法都能获取到 input 中的值，与div 是否隐藏没关系
</script>

Answer 2

<div id="Content" style="display:none">
<label id="lblSecurity">安全密码:</label>
<input id="txtSecurity" name="txtSecurity" type="text"/>
<input type="button" value="确定" onclick="postSecurityCode()"/>
<label id="lblMessage2"></label>
</div>

$('#txtSecurity').keyup(function(){
alert($(this).val());
});

或是
var give_me_val;
function postSecurityCode() {
give_me_val = $('#txtSecurity').val();
alert(give_me_val);
}

追问

按照你说的做了，效果如图，还是取不到文本框中的值。。

追答

你把 onclick 整个移除了，添加一个 id="SecurityClick" 给 button

var give_me_val;
$('#SecurityClick').click(function(){
give_me_val = $('#txtSecurity').val();
alert(give_me_val);
});

追问

按照你说的绑定了一下，结果不触发button的Click事件了。。

Answer 3

<div id="d" style="display:none"><input name="123" type="text" value="123"></div>
<button onclick="get();">test</button>
<script>
function get(){
if(!$('div#d').is(':visible'))
alert($('div#d>input[name="123"]').val());
}
</script>

追问

因为input中的值是自己手动输入的，所以获取不到；如果直接给Input赋值" 是可以获取到value的，但是现在我手动输入的话就不行了。。。

追答

怎么会呢？
function get(){
$('div#d>input[name="123"]').val('tttta');
if(!$('div#d').is(':visible'))
alert($('div#d>input[name="123"]').val());
}
我试过了，打印出来是：tttta，而不是123
你把代码贴出来我看下？

追问

比如下面这个例子：

安全密码:

我在postSecurityCode() 方法中获取txtSecurity的值，但是获取的值总是为空，txtSecurity中的值是我手动输入的：

追答

js代码也贴出来看下

追问

function postSecurityCode() {
var Securitycode = $("#txtSecurity").attr("value");
var Securitycode1=$("input[id='txtSecurity']").attr("value");
var Securitycode2 = $("input[id='txtSecurity']").html();
alert("Securitycode:" + Securitycode + "\nSecuritycode1:" + Securitycode1 + "\nSecuritycode2:" + Securitycode2 );
}

追答

你写错了，这样才是获取值：
var Securitycode = $("#txtSecurity").val();

追问

这样取到的值总是空值，根本取不到我输入的文字。。

追答

这样的取值方式是没有问题的，你再仔细看看你的代码

Answer 4

div 就没有class 或者 id 么 ？再或者DIV外面就没有其他div么 ？
<script>
$(function(){
$("#txtSecurity").attr('value');
})
</script>
可以alert($("#txtSecurity").attr('value'));看一下值对不对 。

Answer 5

$('#input的ID').val();