Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.06.2016, 13:54
Новичок на форуме
Отправить личное сообщение для spaiker2009 Посмотреть профиль Найти все сообщения от spaiker2009
 
Регистрация: 11.05.2015
Сообщений: 5

Добавить атрибут нужному input.
Добрый день. Есть следующий код:

<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.
Ответить с цитированием
  #2 (permalink)  
Старый 04.06.2016, 08:19
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

spaiker2009,
У вас таких блоков может быть много? Если нет - просто выберите нужный инпут по классу
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Добавить ID элементу input kolhoz jQuery 14 10.06.2019 16:51
Как проверить что input не пуст и в случае true добавить класс Zhyhana jQuery 3 17.11.2015 20:15
Добавить значения из CheckBox в Input tohenson Общие вопросы Javascript 1 18.05.2014 18:09
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 18:27
Как добавить атрибут к ссылке hell100 Общие вопросы Javascript 2 20.06.2012 15:51