Добрый день. Есть следующий код:
<body>
<div class="mask-wrapper">
<div class="mask">
<input class="fileInputText" type="text" disabled>
<button class="send-file">Обзор</button>
</div>
<div id="edit-submitted-add-file-ajax-wrapper">
<div class="form-item webform-component webform-component-file webform-component--add-file form-group">
<label class="control-label element-invisible" for="edit-submitted-add-file-upload">Прикрепить файл </label>
<div class="hidden-xs form-managed-file">
<input class="form-control form-file" type="file" id="edit-submitted-add-file-upload" name="files[submitted_add_file]" size="22" />
</div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('#edit-submitted-add-file-upload').on('change', function() {
realVal = $(this).val();
lastIndex = realVal.lastIndexOf('\\') + 1;
if(lastIndex !== -1) {
realVal = realVal.substr(lastIndex);
$(this).prev('.mask').find('.fileInputText').val(realVal);
}
});
});
</script>
</body>
Необходимо, чтобы «val(realVal);» применился к input с классом «fileInputText». Сейчас этого не происходит, так как по коду «.mask» находится не перед «#edit-submitted-add-file-upload».
Что нужно изменить в строчке скрипта «$(this).prev('.mask').find('.fileInputText').val (realVal);», чтобы атрибут применялся к «.fileInputText»?
Буду очень благодарен за помощь. Сам верстальщик и очень плохо разбираюсь в js.