如何在DIV类中设置输入的值?

时间:2012-03-07 17:17:15

标签: jquery

我有以下内容:

<td class="ui-widget-content" style="width: 244px;">
   <span id="refLink_9" class="refLink">
      <input type="text" value="/C02E/Java-Notes-Classes1" size="30" name="item.Link" id="Link_9" 
         class="wijmo-wijtextbox ui-widget ui-state-default ui-corner-all">24</input>
   </span>
</td>

我尝试按如下方式设置输入值。但它不起作用。

var linkValue = 25;
$(".refLink input").html(linkValue);

有人能指出我的错误吗?

4 个答案:

答案 0 :(得分:4)

您希望.val不是.html

var linkValue = 25;
$(".refLink input").val(linkValue);

.val用于设置每个元素的(通常用于表单字段),.html用于设置html 内容每个元素。

另外,根据@DavidThomas上面的评论,您的输入应该更像这样:

<input type="text" value="/C02E/Java-Notes-Classes1" size="30" name="item.Link" id="Link_9" 
     class="wijmo-wijtextbox ui-widget ui-state-default ui-corner-all" value="24" />

答案 1 :(得分:2)

使用.val()代替.html()

答案 2 :(得分:0)

使用.val()

$(".refLink input").val(linkValue);

答案 3 :(得分:0)

首先:

<input type="text" value="/C02E/Java-Notes-Classes1" size="30" name="item.Link" id="Link_9" class="wijmo-wijtextbox ui-widget ui-state-default ui-corner-all">24</input>

不是标准做法。 Input并不意味着有一个结束标记,因此textbox的值是通过它的value属性提供的。因此,textbox将设置为 / C02E / Java-Notes-Classes1 ,而 24 将只是纯文本。

使用

回答您的问题
$(".refLink input").val(linkValue); 

将允许您设置textbox的值,从而基本上覆盖 / C02E / Java-Notes-Classes1 而不是 24 假设你期待这种行为。