Question

I have the following:

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

I tried to set the value of the input as follows. But it’s not working.

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

Can anyone point me to what’s wrong?

Answer 1

You want .val not .html:

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

.val is for setting the value of each element (typically used for form fields), and .html is used to set the html content of each element.

Also, per @DavidThomas’ comment above, your input should look more like this:

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