【问题标题】:value is not fetched using jquery for text box没有使用 jquery 获取文本框的值
【发布时间】:2013-01-02 10:19:57
【问题描述】:

我有一个文本框,我试图获得这样的价值

var comment = $("input#diaMissedPucomments").val();

但值不是在我使用它的同时获取的

$('input:checked').each(function() {
          selectedValues =$(this).val()+","+selectedValues ;
        });

要获取选定复选框的值,它可以正常工作。

<div style="display:none;" id="diaMissedPU" title="Missed P/U Comments" >
                       <table>
                            <tr>
                               <td>Enter Comments : </td>
                               <td><input tyep="text" id="diaMissedPucomments" name="diaMissedPucomments" /></td>
                           </tr>
                       </table>
                    </div>

上面是HTML,我想得到diaMissedPucomments的值

如何做到这一点。

请帮我搞定这个。

最好的问候

【问题讨论】:

  • 非常感谢您的所有回答,但我仍然没有得到答案

标签: jquery html input inputbox


【解决方案1】:

只是tyep打错了,必须改成type

<input tyep="text" id="diaMissedPucomments" name="diaMissedPucomments" />

必须

<input type="text" id="diaMissedPucomments" name="diaMissedPucomments" />

演示: http://jsfiddle.net/vnKza/1/

正如 dakait 所说,将您的 Jquery 代码附在 Jquery 就绪处理程序中

$(function(){
  var comment = $("input#diaMissedPucomments").val();
  //your other codes
});

【讨论】:

  • 非常感谢您的回答,但我仍然没有得到答复
【解决方案2】:

您有错字将tyep="text" 更改为type="text" 元素的ID 是唯一的,您可以只使用ID 选择器,如果ID 是唯一的,则无需使用input#diaMissedPucomments 之类的带有ID 的输入。

Live Demo

var comment = $("#diaMissedPucomments").val();

【讨论】:

  • 这似乎并不能解释为什么它不起作用。 Mahan 的发现对我来说更有说服力。
【解决方案3】:

我看到您的输入类型拼写错误..

tyep="text" //here

应该是

<input type="text" id="diaMissedPucomments" name="diaMissedPucomments" />

jquery 看起来还不错..

更新

 $(document).ready(function(){  //make sure you have the javascript codes inside document.ready
    var comment = $("#diaMissedPucomments").val();
 });

【讨论】:

  • 如果我给出默认值,它可以正常工作,但不适用于动态值
  • 很抱歉,它仍然无法正常工作,您也更新了答案
【解决方案4】:

就像每个人都提到你有一个错字,另外确保你已经将代码包装在准备好的处理程序中

$(function(){
 //your code here 
});

那为什么它可以在 jsfiddle 上工作呢?因为在默认设置下,小提琴将代码包装在文档中

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-10-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多