jquery - 将值插入隐藏和数据库问题？

Question

我有这个 jquery 代码，它将 css 属性插入到一个隐藏的输入中:这里是

$('#borderleft').val($('.leftpanel').css('border-left-width',"20px"));

我的隐藏输入框看起来像:

 <input type="hidden" id="borderleft"name="borderleft"></input>

当我尝试将此输入插入数据库时​​，我得到了值

[object Object] 

代替

20px

什么问题，我好像不太明白，谢谢!!

Answer 1

您在这里遇到的问题是几乎所有 jQuery 方法都返回对象本身的实例，因此您可以将函数“链接”在一起。当你打电话时:

$('.leftpanel').css('border-left-width',"20px")

调用css实际上返回的是$('.leftpanel')的值，当然是一个对象。

现在，我了解到您打算将隐藏字段的值设置为“20px”，您可以通过以下方式实现:

var width = '20px';
$('.leftpanel').css('border-left-width',width)
$('#borderleft').val(width);

更新

如果您的目的是简单地获取元素的当前边框宽度，并设置隐藏字段的值，则需要省略 css 的第二个参数，这样做会返回当前值。您的结果代码将是:

$('#borderleft').val($('.leftpanel').css('border-left-width'));