Question

我有一段HTML代码，我试图提取使用jQuery / javascript定义的文本框的值

HTML code：

<div id="Account" class="leaf">
    <label class="control input text" title="">
        <span class="wrap">Select Account Number</span>
        <input class="" type="text" value="[Null]">
        <span class="warning"></span>
    </label>
</div>

SCRIPT代码：

document.addEventListener('DOMContentLoaded', function() {
alert(jQuery('#Account label.control input').val());
jQuery('#Account label.control input text').val("abc1001");
console.log("11");

}, false);

这里，当页面被加载时，它显示一个带有“undefined”的警告框，之后它显示在控制台11上，但它没有将值“abc1001”设置到正在聚焦的文本框中。

需要您宝贵的建议来设定价值。

先谢谢。

Answer 1

你有错误的选择器，它没有以文本框为目标。试试这个：

jQuery('#Account label.control input').val("abc1001");

由于#Account中只有一个文本框，您还可以使用：

jQuery('#Account input').val("abc1001");

Answer 2

document.addEventListener('DOMContentLoaded', function() {
    alert($('#Account label.control input').val());
    $('#Account label.control input').val("abc1001");
    console.log("11");
    }, false);

我将jQuery更改为$并使用了它工作的jquery-1.11.0.min.js库..这个

Answer 3

试试这个

$(function() {
    alert(jQuery('#Account label.control input').val());
    jQuery('#Account label.control input[type=text]').val("abc1001");
    console.log("11");    
});

Answer 4

为了轻松解决您的问题，我们可以在输入文本框中添加一些类，然后将值设置为该元素。

HTML CODE

<div id="Account" class="leaf">
    <label class="control input text" title="">
      <span class="wrap">Select Account Number</span>
      <input class="some_class" type="text" value="[Null]">
      <span class="warning"></span>
    </label>
</div>

脚本代码

document.addEventListener('DOMContentLoaded', function() 
{
  alert(jQuery('.some_class').val());
  jQuery('.some_class').val("abc1001");
  console.log("11");
}, false);

如果你不想添加类，那么只需从选择器

中删除'text'

document.addEventListener('DOMContentLoaded', function() 
{
  alert(jQuery('#Account label.control input').val());
  jQuery('#Account label.control input').val("abc1001");
  console.log("11");
}, false);

希望它有所帮助.. !!

如何设置/获取div输入标签值？

4 个答案: