我有一个链接 x-editable使用 data-type="text"
启用它。
我想向编辑项目时创建的input
字段添加一个附加属性。
目前 x-editable 正在生成以下输入字段:
<input type="text" class="form-control input-sm" style="padding-right: 24px;">
我想添加一个模式属性,所以它看起来像(添加模式 attr ):
<input type="text" class="form-control input-sm" style="padding-right: 24px;" pattern="blah">
如何添加此额外属性?
最佳答案
请注意,每次单击 x-editable 元素都可以到达生成的输入 在弹出窗口中使用
$('your element').on("click",function(){
$(this).next().find(".editable-input input").attr("data-pattern","yep 1!")
});
请参阅下面的代码片段:使用检查,您将看到 pattern
属性存在
$(function() {
$('#username1').editable();
$('#username1').on("click",function(){
$(this).next().find(".editable-input input").attr("data-pattern","yep 1!")
});
$('#username2').editable();
$('#username2').on("click",function(){
$(this).next().find(".editable-input input").attr("data-pattern","yep 2!")
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/js/bootstrap-editable.min.js"></script>
<br><br><br><br><br>
<a href="#" id="username1" data-type="text" data-pk="1" data-title="Enter username">superuser 1</a>
<br><br><br><br>
<a href="#" id="username2" data-type="text" data-pk="2" >superuser 2</a>
关于javascript - X-editable:如何向输入框添加额外的属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52167064/