javascript - 如何更改 javascript 中 <input> 标签的文本值

标签 javascript jquery html css

我似乎无法弄清楚这个简单的任务。我有一个输入文本字段,我想从中接受一个值,并在单击链接时更改该值。我的 HTML 代码如下:

<body>
    <div id="outsideContainer">
    <div id="guessContainer">
        <h3> Guess a number between 1 and 10 </h3>

        <input id="txtfield" name="txtfield" type="text" class="value"/><br>

        <a href=" " class="query"> Submit here </a> 
    </div>
    <div id="guessShow">
        <p class="hotter hideStuff" > Getting Hotter!! </p>
        <p class="colder hideStuff"> Getting Colder, BRRR!!! </p>
        <p class="gotIt hideStuff"> Awesome! You have guessed the number </p>
    </div>
    </div>
    </body>

我想要做的是将 class =“value” 标记中显示的文本更改为某些内容。我尝试过使用

jQuery(document).ready(function(){
         $('.query').on('click', function(){
            $(this).closest('#guessContainer').find('.value').css("value", "whoa");
            });
            });

但它不起作用。我还尝试使用 .css 方法并为输入分配一个值,但这也不起作用。任何帮助将不胜感激。

最佳答案

尝试使用.attr()

   $(this).closest('#guessContainer').find('.value').attr("value", "whoa");

 $(this).closest('#guessContainer').find('.value').val("whoa");

关于javascript - 如何更改 javascript 中 &lt;input&gt; 标签的文本值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16967594/

相关文章:

javascript - JSX 元素类型 'void' 不是 JSX 元素的构造函数

javascript - 有条件地启用禁用下拉列表和文本字段

javascript - JQUERY ON ('change' ) 获取复选框值和状态

html - 边界崩溃不起作用

javascript - html5 Canvas 弹性碰撞方 block

javascript - 自定义复选框(使用图像代替复选框)

JavaScript:XMLSerializer.serializeToString() 的替代品?

javascript - 文档就绪后提交时的绑定(bind)函数

html - 使用 Stylus 将 CSS 样式应用到所有 HTML 标签

javascript - 将 cURL 转换为 Parse.Cloud.httpRequest