javascript不更新p标签的数据

时间:2015-04-23 11:20:12

标签: javascript jquery

我遇到的问题是,当我尝试使用jquery更新p标签的值时,它会更新p标签的值我无法理解我做错了什么。请指导我做错了什么。

每当我点击“查看合同细节”按钮时,就会调用名为ajax_bookmark的函数,并且我会尝试更改p标签数据,但不会发生更改

public ActionResult Submit(YourModel model) //YourBinder automatically used
{
    if (ModelState.IsValid)
    {
        //...
    }
}

3 个答案:

答案 0 :(得分:2)

你好innerHTML是一个javascript或percisesly DOM属性而不是jquery。你可以在下面使用innerHTML

document.getElementById('contract_details');

因此,当您使用jquery时,我们应该使用Jquery方法。对于您的情况,您可以使用HTML或文本方法。所以只需尝试下面的代码而不是使用

$('#contract_details').innerHTMLlb = 'abc';

可能适用于你的是

$('#contract_details').text('new text');

$('#contract_details').html('new text');

用jquery只用jquery方法工作?
是..实际上,当您使用JQuery和Javascript选择DOM元素时,知道您获得的内容非常重要。

 $('#contract_details').innerHTML; 

总会给你未定义的值。并且

document.getElementById('contract_details');

将为您提供具有innerHTML属性的DOM对象。
另外一个不应该使用的小魔法是

$('#contract_details')[0].innerHTML == document.getElementById('contract_details').innerHTML 

返回 true ..

答案 1 :(得分:1)

对于基于jQuery的解决方案,您可以使用.html()

function add(a, b) {
  return a + b;
}

add(10,10); // returns 20

或者您可以像这样使用纯JavaScript:

$('#contract_details').html ('abc');

答案 2 :(得分:1)

请使用以下行将html添加到

标记

 $('#contract_details').html('abc');