Javascript textarea value=在带有动态表单的页面上未定义

我不明白为什么我不能访问通过AJAX/MySQL动态生成的表单上的字段值

表单模板如下所示：

<form class="dishform" id='" + d.dish_id + "FF' action="#" method="post">
<fieldset>
    <label for="dish_name">Name</label>
    <textarea onblur="changedField(this);" id='" + d.dish_id + "n' name="dish_name" class="textarea-comment dish_name valid" maxlength="80">
    default text from MySQL
    </textarea>
    <label for="dish_decription">Description</label>
    <textarea onblur="changedField(this);" id='" + d.dish_id + "d' name="dish_description" class="textarea-comment dish_description valid" maxlength="240">more default text from MySQL here</textarea>
    <img src="/wp-content/uploads/menu-icons/save-dish.png" alt="Save current dish changes" class="action-menu-buttons save-curr-dish" onclick="saveDish(\'' + d.dish_id + '\')">
</fieldset>
</form>

名称
MySQL中的默认文本
描述
这里有更多来自MySQL的默认文本

d.dish_id值是唯一的表键，看起来像“DSH0000000001”

当我点击saveDish按钮时，我调用alerts来显示name字段的内容，我得到的值是未定义的，但defaultValue的右图是：

function saveDish(thisId) {

   var NameId = thisId + 'n'   <--- all ids for "name" are created as "d.dish_id + n" 

   alert("NameID= " + NameId);  <--- this shows "DSH0000000001n" so correct
   alert("DINAM= " + document.getElementById(NameId).defaultValue);   <--- this shows the defaultValue correctly to what is in the textarea from load
   alert("VAL= " + document.getElementById(NameId).Value);   <--- this one shows UNDEFINED
   alert("HARD CODED ID VAL= " + document.getElementById('DSH0000000001n').Value);   <--- this one shows UNDEFINED

};

函数存储盘（thisId）{
var NameId=thisId+'n'在
saveDish
，
中。Value
需要小写
。Value