如何将变量放入.html

时间:2017-05-30 12:25:07

标签: javascript jquery

想要从脚本创建收集变量的输出。但似乎无法在脚本中输入HTML标记中的变量。

$(".regclick3").click(function(){
    $('.regtarget4').trigger('click');
     var data1 = $("[name='f_k_page_title']").val();
     var data2 =  $("[name='f_extended_user_email']").val();

     $(".divoutput").html(data1+ " "   + data2);
});

HTML

<form>
<input type="text" name="f_extended_user_email" />
<input type="text" name="f_k_page_title" />
</form>

<div class="capture_data">Capture</div>

<div class="divoutput"></div>

是否可以在脚本中添加类和变量?可以有if语句,所以如果var data1存在则显示“X”

谢谢

2 个答案:

答案 0 :(得分:0)

根据您的评论,您可以只显示HTML,如果它存在,否则默认情况如下:

function showMe()
{
  var theVal = $('#name').val();
  if(!theVal)
  {
    theVal = "Oop's No value entered";
  }
  $('#theValue').html(theVal);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="name" />
<br/>
The value is :: <span id="theValue"></span>
<br/>
<button onClick="showMe();">Show Me</button>

答案 1 :(得分:0)

   $(".divoutput").html(data1+ " "  data2+);

//呀!它可能是代码中使用的错过的+符号,如下面的https://codepen.io/kalaiselvan/pen/xdoWYy

   $(".divoutput").html(data1+ " " + data2);