如何使用javascript附加到id javascript变量

时间:2018-11-01 08:52:49

标签: javascript

我就是这样

<script>
 $(document).on("click", ".modal-trigger", function () {
 var myBookId = $(this).data('id');
 var name = $(this).data('name');
 var name1 = $(this).data('name1');
 var lastname = $(this).data('lastname');
 var lastname1 = $(this).data('lastname1');
 var rollno = $(this).data('rollno');
 var rollno1 = $(this).data('rollno1');
 var msisdn = $(this).data('msisdn');
 var msisdn1 = $(this).data('msisdn1');
 var cnic = $(this).data('cnic');
 var cnic1 = $(this).data('cnic1');
 var campus = $(this).data('campus');
  var campus1 = $(this).data('campus1');
 var hear = $(this).data('hear');
 var hear1 = $(this).data('hear1');
  var qualified = $(this).data('qualified');
  var qualified1 = $(this).data('qualified1');
 $(".modal-content #applicantid").val( myBookId );
 var appli_name = $("#appli_name").val(name);
  $("#appli_name1").val(name1);
 $("#appli_lastname").val(lastname);
 $("#appli_lastname1").val(lastname1);
 $("#appli_rollno").val(rollno);
 $("#appli_rollno1").val(rollno1);
 $("#appli_msisdn").val(msisdn);
  $("#appli_msisdn1").val(msisdn1);
 $("#appli_cnic").val(cnic);
  $("#appli_cnic1").val(cnic1);
 $("#appli_campus").val(campus);
 $("#appli_campus1").val(campus1);
 $("#appli_hear").val(hear);
 $("#appli_hear1").val(hear1);
  $("#appli_qualified").val(qualified);
 $("#appli_qualified1").val(qualified1);
   $("#applicant_info").append("<label>Name:</label>"+ "<label>"+appli_name+"</label>");
 });
  </script>

但其显示方式如下名称:[object Object]

我正在打开一个模态并使用javascript显示模态数据

<a href="#modal2" data-toggle="modal" data-id="<?php echo $CRow['id'];?>" data-name="<?php echo $CRow['name'];?>"  data-msisdn="<?php echo $CRow['msisdn'];?>" data-cnic="<?php echo $CRow['cnic'];?>" data-campus="<?php echo $CamRow[0];?>" data-rollno="<?php echo $CRow['rollno'];?>" data-hear="<?php echo $HearRow[0];?>" data-qualified="<?php echo $CRow['qualification'];?>" class="btn-floating waves-effect waves-light yellow modal-trigger" title="Test">

附加到此div

<div id="applicant_info">
</div>

如何将此JavaScript变量附加到此ID

1 个答案:

答案 0 :(得分:0)

这是类似的代码:

$('body').on('click', '#btnn', function() {
  var name = $(this).data('name');
  var appli_name = $("#appli_name").val(name);
  $("#applicant_info").append("<label>Name:</label>" + "<label>" + name + "</label>");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button data-name="name" id="btnn">button</button>
<input id="appli_name" value="" />
<div id="applicant_info"></div>

您犯的一个错误是您使用appli_name附加到其他位置,而这实际上不是对象,而是变量。

您可以像我一样直接在添加后使用变量name

var appli_name = $("#appli_name").val(name); // its a object