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

【问题标题】：How to set / get div input tag value?如何设置/获取 div 输入标签值？
【发布时间】：2014-05-06 11:46:50
【问题描述】：

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

HTML 代码：

<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>

脚本代码：

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

}, false);

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

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

提前致谢。

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

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

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

#Account中只有一个文本框，你也可以使用：

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

【讨论】：

【解决方案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 库它可以工作..试试这个

【讨论】：

【解决方案3】：

试试这个

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

【讨论】：

【解决方案4】：

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

HTML 代码

<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);

如果您不想添加类，则只需从选择器中删除“文本”内容

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

希望对你有帮助..!!

【讨论】：