Question

我正在尝试将变量附加到HTML SPAN标记或P标记。我可以在INPUT标签中显示变量没有问题。我不知道为什么我在显示任何其他标签中的变量时出现问题。

 <script>
 $(function() 
 {
   $('.forecastedit'.click(function(e)
   {
     e.preventDefault();
     $uid = $(this).attr('data-uid');
     $service = $(this).attr('data-service');
     $pol = $(this).attr('data-pol');
     $('#uid').val($uid);  // also tried $('.uid').val($uid);
     $('#fcservice').val($service); // also tried $('#fcservice span').val($fcservice);
     $('#fcpol').val($pol);

     $('#forecastmodal').modal('show');
   });
 });

以下是需要附加的HTML：

 <div class="modal fade" id="forecastmodal">
 <div class="modal-content">
   // I have no problem getting the variables to print in the INPUT tags
   <input type="text" class="form-control uid" id="uid" />
   <input type="text" class="form-control fcservice" id="fcservice" />
   <input type="text" class="form-control fcpol" id="fcpol" />

   // These are the tags I would like to get the variable to print
   <span class="uid" id="uid"></span>
   <p class="service" id="service"></p>  // P tag just for example
    <span class="fcpol" id="fcpol"></span>
 </div>
 </div>

重申一下，我希望能够将JavaScript变量打印到SPAN标签或P标签而不是INPUT标签。

Answer 1

{1: [[0,100], [100, 500], [500, 800]], 2: [[0, 700], [800, 1000]]}等具有input, textarea属性。其他标签如value等没有。您可以使用span, div将文本插入这些元素中

了解更多信息： jQuery add text to span within a div

Answer 2

您的脚本有几处错误

1）错误地应用了点击侦听器

2）每页不应使用多个#id

3）val()旨在与表单元素一起使用

希望这个小提琴帮助你http://jsfiddle.net/nyum4pLa/

SPAN或P标签中的jQuery打印变量

2 个答案: