input-field 相关问题

我正在尝试对可排序 ul 中的一组照片重新排序；要以新顺序保存它们，我必须覆盖匹配的输入字段（名称和标题）：这是我的 ul 结构：我正在尝试对可排序的一组照片重新排序ul；要以新顺序保存它们，我必须覆盖匹配的输入字段（名称和标题）：这是我的ul结构： <ul class="float drag1"> <g:each in="${fotos}" var="foto" status="index" > <li class="float editimg 1" id="${index}"> <div class="float imgbox"> <span class="floatr imgdel" onclick="deletePicture('${foto.name}')" title="Löschen"></span> <img src="${di.createImageURL(bucket:'foo', name: foto.name, format:'m')}" alt="${foto.titel}" /> <g:hiddenField name="fotos[${index}].name" readonly="readonly" value="${foto.name}"/> </div> <input type="text" name="fotos[${index}].titel" class="fototitel" value="${foto.titel}"/> </li> </g:each> </ul> 这就是我的 JS <script type="text/javascript"> $( sort ); function sort() {$('.drag1').sortable({ update: function(event,ui) { var draggingElement = $(ui.item); var ordering = draggingElement.index(); var string1 = 'fotos['+ordering+'].name' ; var string2 = 'fotos['+ordering+'].titel' ; alert(string1+'---'+string2); //the following part doesn´t work, when i give those inputs unique id´s it work´s but i want this to be more self fulfilling. var inputs = draggingElement.getElementsByTagName("input"); inputs[0].attr('name',string1); inputs[1].attr('name',string2); } }); } </script> 警告 string1 和 string2 显示它们是正确的，我只需要更新输入的 name 属性。但在上面的例子中我得到了一个 typeError draggingElement.getElementsByTagName is not a function 我不知道如何获取 DraggingElement 的子输入。代替 var inputs = draggingElement.getElementsByTagName("input"); inputs[0].attr('name',string1); inputs[1].attr('name',string2); 试试这个 var inputs = draggingElement.find("input"); inputs.eq(0).attr('name',string1); inputs.eq(1).attr('name',string2); 我认为 getElementsByTagName 将为您提供 HTML 元素对象，而您需要 jQuery 元素对象 - 以便使用 attr 方法。检查 jQuery 手册以获得返回 jQuery 元素数组的正确方法，然后像您所做的那样使用数组访问方法，或者对它们运行 each 迭代器。（代表问题作者将答案移至答案空间。）这是满足我需要的脚本，感谢您的回答。 $( sort ); function sort() { $('.drag1').sortable({ update: function(event,ui) { var draggingElement = $('.editimg'); draggingElement.each(function() { var ordering = $(this).index(); var string1 = 'fotos['+ordering+'].name'; var string2 = 'fotos['+ordering+'].titel'; var inputs = $(this).find("input"); inputs.eq(0).attr('name',string1); inputs.eq(1).attr('name',string2); }); } }); };

jquery draggable jquery-ui-sortable children input-field

回答 3 投票 0

C# Unity - 如何清除输入字段

我想清除Unity中的InputField，但我无法让它工作。我现在做的是：公共输入字段输入字段名称；输入字段名称.text = ""; 但它不会清除该字段，直到您

c# unity-game-engine input-field

回答 2 投票 0

在 CSS 和 HTML 中转换后固定标签位置

在当前的设计中，提供了一个用于输入文本的输入字段。当聚焦或选择此输入字段时，关联的标签会稍微向上移动，改变其颜色和字体...

html css label transform input-field

回答 1 投票 0

调整需要进入视图的可组合项的大小时，BringIntoViewRequester 不起作用

最近几天我试图找到问题的解决方案键盘与垂直滚动的文本输入字段重叠柱子。经过尝试很多事情后，终于找到了解决方案，一切都很好

android-jetpack-compose android-softkeyboard input-field

回答 6 投票 0

如何通过Unity所有Sprite资源的值设置字形

我在我的项目中使用表情符号的 Sprite 资源表。当尝试粘贴表情符号时，表情符号的 Y 位置为“0”，因此表情符号位于输入字段的最下方。我尝试

unity-game-engine emoji input-field glyph textmeshpro

回答 0 投票 0

输入类型文件未找到该文件但获取 null laravel

我的代码有问题。我制作表单将文件上传到我的数据库，但我的输入类型文件得到空对象，即使我选择了我想要的图像这是我的刀片我的代码有问题。我制作表单将文件上传到我的数据库，但即使我选择了我想要的图像，我的输入类型文件也得到空对象这是我的刀片 <form action="/addcoaches" method="post"> {{ csrf_field() }} <div class="input-field" style="margin-left:0;"> <div class="form-group row"> <label for="name" class="col-md-4 col-form-label text-md-right">{{ __('File') }}</label> <div class="col-md-6"> <input type="file" name="filename" required> </div> </div> <div class="form-group row mb-0"> <div class="col-md-6 offset-md-4"> <button type="submit" class="btn btn-primary"> {{ __('Upload') }} </button> </div> </div> </div> </form> 这是我的控制器 public function saveCoach(Request $request) { $request->validate([ 'filename' => 'required', 'filename.*' => 'mimes:doc,docx,PDF,pdf,jpg,jpeg,png|max:2000' ]); dd($request->file('filename')); } 这是我点击上传按钮后的 dd 如何从选定的文件中获取文件。谢谢你

html laravel web input-field

回答 0 投票 0

使用 react-phone-number-input 时如何为电话输入的边框颜色设置无

我正在使用反应电话号码输入。这是电话号码字段：我正在使用反应电话号码输入。这是电话号码字段： <PhoneInput defaultCountry={"CA"} placeholder={"Phone"} value={phone} onChange={(value: string) => { setPhone(value); }} /> 和 css 来自： https://gitlab.com/catamphetamine/react-phone-number-input/-/blob/master/style.css 我将 PhoneInputInput 的边框和轮廓设置为无，但在焦点时它不起作用。 .PhoneInputInput:focus-visible { flex: 1; min-width: 0; border: none; outline: none; } 这是该字段的图像：好像是reactjs默认输入导致的。我将其添加到 globals.css 文件中： .input-phone-number input:focus{ outline: none !important; border:none !important; box-shadow: none !important; } 并在 PhoneInput 字段中使用它，然后它对我有用： <PhoneInput defaultCountry={"CA"} placeholder={"Phone"} value={phone} onChange={(value: string) => { setPhone(value); }} className={"input-phone-number"} />

reactjs next.js tailwind-css input-field react-phone-number-input

回答 1 投票 0

移动设备上 Bootstrap 的日期选择器更改格式

我正在使用以下日期选择器：（http://eternicode.github.io/bootstrap-datepicker/）作为我的日期字段。我正在使用以下日期选择器：(http://eternicode.github.io/bootstrap-datepicker/) 作为我的日期字段。 <input class="datepicker" style="width:100px;border-radius: 4px;" type="text" placeholder="Datum" id="startDate".... 我使用两种不同的格式“dd.mm.yyyy”和“mm/dd/yyyy”，一切都很好。但是在移动设备上，当我点击输入字段时，键盘会打开。正因为如此，我使用了带有<input type='date'....的原生日期选择器，但是这个不支持不同的格式。有没有办法禁用input type=text元素上的键盘？或者您知道其他格式不同的日期选择器吗？谢谢你的帮助试试这个：如果你添加 onfocus="blur();"这个元素不会让软键盘打开。因此，您不会在移动设备上打开键盘。 $('#sandbox-container input').datepicker({}); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://unpkg.com/[email protected]/dist/js/bootstrap-datepicker.min.js"></script> <link href="https://netdna.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"/> <link href="https://unpkg.com/[email protected]/dist/css/bootstrap-datepicker3.min.css" rel="stylesheet"/> <div id="sandbox-container"><input type="text" class="form-control" onfocus="blur();"></div>

twitter-bootstrap mobile datepicker format input-field

回答 1 投票 0

input-field 相关问题

最新问题