如何在jQuery中使用函數設置值元素輸入

Question

我是jquery和數據表中的新手，使用功能為其他頁面的元素輸入設置值時遇到問題。

這是我的第一頁代碼

 { data: "action_user", targets: "action_user", mRender: function (data_app, type_app, row_app) { if (row_app["id_user"] !== null) { var va_id_user = row_app["id_user"]; var va_user_name = row_app["user_name"]; var va_gender = row_app["gender"]; var va_address = row_app["address"]; var va_imei = row_app["imei"]; var va_phone = row_app["phone"]; var va_role_name = row_app["role_name"]; var va_email = row_app["email"]; //,supplier_name,supplier_code,address,contact_name,contact_num,status_supp var va_status_user = row_app["status_user"]; // <a href='#'id='updateDataUser' onclick='javascript:myFunc(" + supplier_id + ")'><i class='fa fa-edit'title='Edit'></i></a>\\n\\ var data_users = { id_user: va_id_user, user_name: va_user_name, gender: va_gender, imei: va_imei, phone:va_phone, address:va_address, role_name: va_role_name, email: va_email, status_user: va_status_user }; return"<a id='updateDataUser' href='#' onclick='javascript:editUserFunc(" + JSON.stringify(data_users) + ")'><i class='fa fa-edit activeRecord' rel='13' title='Edit'></i></a>"; // return "<a href='" + data_pict_1 + " 'target='_blank' class='btn btn-info'>" + "<font color='#f2f2f2' size='2em'>" + "Display" + "</font>" + "</a>"; } } } 

這是我的html代碼

 <div id="div_add_pic" class="panel panel-default"> <form id="form_add_pic" name="form_add_pic" method="POST" action=""> <div id="form_add_user_response" class="resp"></div> <div class="box-body"> <div class="form-group"> <label for="username" class="req">User Name &nbsp;:</label> <input type="text" name="userName" id="userName" placeholder="User Name" class="form-control uppercase" /> </div> </div> </form> </div> 

這是我設置輸入值元素的功能。

function editUserFunc(data_users) {
var userName = data_users.user_name;
alert(userName);
$("#userName").val(userName);}

我更改為

    function editUserFunc(data_users) {
        var userName = data_users.user_name;
         alert(userName);
        var oForm = document.getElementById("form_add_pic");
        var set_userName = oForm.userName;

 window.location.href = "index.jsp?url=user_layout&   pages=add_user_form"
    }

但我有錯誤

validation.js:1422 Uncaught TypeError: Cannot read property 'userName' of null
at editUserFunc (validation.js:1422)
at HTMLAnchorElement.onclick (index.jsp?url=user_layout&pages=list_users:1)

我的console.log打印屏幕

如何在另一頁上調用元素表單

我已經嘗試了很多次，但都沒有成功。 請幫忙！

Answer 1

我認為，您必須將所有這些功能移入內部

$(document).ready(function(){

//Replace with your code

})

由於您的腳本可能位於html標記的頂部，並且在運行這些腳本時，因此不會加載這些html輸入。

Answer 2

最后我使用此代碼 ，以獲取網址地址欄上的參數

function getUrlQueryString(param) {
var outObj = {};
var qs = window.location.search;
 if (qs != "") {
  qs = decodeURIComponent(qs.replace(/\?/, ""));
  var paramsArray = qs.split("&");
  var length = paramsArray.length;
  for (var i=0; i<length; ++i) {
     var nameValArray = paramsArray[i].split("=");
     nameValArray[0] = nameValArray[0].toLowerCase();
     if (outObj[nameValArray[0]]) {
        outObj[nameValArray[0]] = outObj[nameValArray[0]] + ";" + nameValArray[1];
        }
     else {
        if (nameValArray.length > 1) {
           outObj[nameValArray[0]] = nameValArray[1];
           }
        else {
           outObj[nameValArray[0]] = true;
           }
        }
     }
  }
 var retVal = param ? outObj[param.toLowerCase()] : qs;
 return retVal ? retVal : ""
}