在不使用value属性的情况下在输入字段上显示var

时间:2013-03-11 18:31:25

标签: php javascript jquery

我有一个PHP变量,我试图在不使用'value'属性的情况下显示在输入字段上,但我似乎无法使其工作。

我尝试了一个jQuery代码,我首先发现将变量'追加'到输入字段但是没有用。

    var first_name = "<?php echo $current_user['first_name']; ?>";
    alert(first_name);
    $('#first_name').val($('#first_name').val() + first_name);

然后我尝试使用getElementById,但它也没有用。

    var first_name = "<?php echo $current_user['first_name']; ?>";
    alert(first_name);
    document.getElementById('first_name').value = first_name;

任何建议都将不胜感激!

编辑:

这是HTML表单

<form name="personal_form" action="includes/editpersonal.php" method="POST">
   <fieldset>
      <legend><h2>Personal Details</h2></legend>
      <table class="personalform">
         <!--if there is an error on first name, the class name 'form_error_row' will be input into the following tr-->
         <!--allows me to colourise the text field to indicate an error on this row-->
         <tr class="<?php echo form_row_class("first_name") ?>" >
            <th><label for="first_name"><p>First Name: </p></label></th>
            <td>
            <input type="text" name="first_name" id="first_name" size="40" />
            <!--if there is an error it will print out a div with the error message-->
            <?php echo error_for('first_name') ?>
            </td>
          </tr>
      </table>  
   </fieldset>
   <input type="submit" class="reg-button" value="Update Records" />
</form>

1 个答案:

答案 0 :(得分:1)

尝试在document.ready中指定值,以确保脚本可以访问html元素。

$(document).ready(function(){
 $('#first_name').val($('#first_name').val() + first_name);
});