• Бесплатный ВЕБИНАР по OSINT с Екатериной Тьюринг: ➡️9 февраля в 19:00 (мск) пройдет урок

    Как безопасно искать информацию в открытых источниках

    🔥 Записаться 🔥

Доступ к Input или Css файла

  • Автор темы Автор темы Bobroff
  • Дата начала Дата начала
B

Bobroff

Здравствуйте

Столкнулся с такой проблемой: динамически добавляю строки в таблицу, в них ячейки, в одну из них элемент input, а в другую select. Из css файла никак не могу получить доступ к элементу этому конкретному элементу input, хотя с select такой проблемы не наблюдается.
 
HTML (строки с данными вставляются динамически):
HTML:
<table id="ingredientsStorage">
<tbody>
<tr id="ingredientRow" style="display: table-row;" ingredientid="268">
<td id="ingredientId" ingredientid="268"><input type="hidden" value="268" name="ingredientId"/></td>
<td id="ingredientTitle" ingredientid="268">Помидор</td>
<td id="ingredientQuantity" ingredientid="268"><input type="text" style="width: 40px;" maxlength="5" value="" name="quantity"/></td>
<td id="ingredientUnitId" ingredientid="268"><input type="hidden" value="6" name="ingredientUnit"/></td>
<td id="ingredientUnitTitle" ingredientid="268"><select name="units" size="1"><option is_countable="1" value="6">гр.</option><option is_countable="1" value="3">кг.</option><option is_countable="0" value="4">по вкусу</option><option is_countable="1" value="8">шт.</option></select></td>
<td id="ingredientDelete" ingredientid="268">удалить</td>
</tr>
</tbody>
</table>

CSS:
Код:
#recipeadd #ingredientsStorage #ingredientUnitTitle select
{
height: 22px;
width: 85px;
}

#recipeadd #ingredientsStorage #ingredientQuantity input
{
height: 22px;
width: 85px;
}

C Select все OK, input не видит.

Добавлено: Тему можно закрывать.

Перешел на другой комп и все заработало. Не понятно в чем была проблема, но главное - работает.
 
И кстати, если инпуты повторяющиеся, то не плохо получается - ID такой уже как бы был.
В ситуации, когда тких инпутов будет много лучше пользовать классы
 
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!