Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 03.12.2021, 16:40
Аспирант
Отправить личное сообщение для BorisJe Посмотреть профиль Найти все сообщения от BorisJe
 
Регистрация: 03.12.2021
Сообщений: 39

Сообщение от ksa Посмотреть сообщение
Так ты не путай атрибут и свойство ДОМ-элемента...
https://learn.javascript.ru/dom-attr...and-properties
Ну вот вся проблема что Мне надо это значение как то получить. Ну а дальше передать контроллер. А что бы его передать он должен быть на форме, изменить свое value
Ответить с цитированием
  #12 (permalink)  
Старый 03.12.2021, 16:45
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,580

Сообщение от BorisJe
Мне надо это значение как то получить.
JS сможет получить эти данные из свойства ДОМ-элемента...
После этого передаст в контроллер.

Т.е. тебе нужно получать данные суммы не
<элемент>.getAttribute('value')

а вот так
<элемент>.value
Ответить с цитированием
  #13 (permalink)  
Старый 03.12.2021, 16:50
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,580

Вот так будет меняться еще и атрибут...
<style>
.btn {
	margin-bottom: 10px;
}
.btn button + button {
	margin-left: 10px;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', _ => {
	document.querySelectorAll('.btn').forEach(_ => {
		const ot = _.parentNode.querySelector('.total')
		_.addEventListener('click', _ => {
			const o = _.target
			if (o.tagName !== 'BUTTON') return
			const val = +ot.value + +o.value
			ot.value = val
			ot.setAttribute('value', val)
		})
	})
})
</script>
<div class='container'>
	<div class='btn'>
		<button value='1'>1</button>
		<button value='2'>2</button>
		<button value='5'>5</button>
		<button value='10'>10</button>
	</div>
	<label>
		Сумма
		<input type='text' class='total' />
	</label>
</div>
Ответить с цитированием
  #14 (permalink)  
Старый 05.12.2021, 10:39
Аспирант
Отправить личное сообщение для BorisJe Посмотреть профиль Найти все сообщения от BorisJe
 
Регистрация: 03.12.2021
Сообщений: 39

Сообщение от ksa Посмотреть сообщение
Вот так будет меняться еще и атрибут...
<style>
.btn {
	margin-bottom: 10px;
}
.btn button + button {
	margin-left: 10px;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', _ => {
	document.querySelectorAll('.btn').forEach(_ => {
		const ot = _.parentNode.querySelector('.total')
		_.addEventListener('click', _ => {
			const o = _.target
			if (o.tagName !== 'BUTTON') return
			const val = +ot.value + +o.value
			ot.value = val
			ot.setAttribute('value', val)
		})
	})
})
</script>
<div class='container'>
	<div class='btn'>
		<button value='1'>1</button>
		<button value='2'>2</button>
		<button value='5'>5</button>
		<button value='10'>10</button>
	</div>
	<label>
		Сумма
		<input type='text' class='total' />
	</label>
</div>
Спасибо мужик, это то что Я хотел
Ответить с цитированием
  #15 (permalink)  
Старый 07.12.2021, 16:50
Аспирант
Отправить личное сообщение для BorisJe Посмотреть профиль Найти все сообщения от BorisJe
 
Регистрация: 03.12.2021
Сообщений: 39

Сообщение от ksa Посмотреть сообщение
Вот так будет меняться еще и атрибут...
<style>
.btn {
	margin-bottom: 10px;
}
.btn button + button {
	margin-left: 10px;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', _ => {
	document.querySelectorAll('.btn').forEach(_ => {
		const ot = _.parentNode.querySelector('.total')
		_.addEventListener('click', _ => {
			const o = _.target
			if (o.tagName !== 'BUTTON') return
			const val = +ot.value + +o.value
			ot.value = val
			ot.setAttribute('value', val)
		})
	})
})
</script>
<div class='container'>
	<div class='btn'>
		<button value='1'>1</button>
		<button value='2'>2</button>
		<button value='5'>5</button>
		<button value='10'>10</button>
	</div>
	<label>
		Сумма
		<input type='text' class='total' />
	</label>
</div>
Спасибо мужик, это то что Я хотел
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отследить изменения класса "еще не существующего" элемента hitori Events/DOM/Window 1 05.11.2014 05:34
Как сохранить обработчики элемента, при изменения положения элемента в dom-дереве ? Danxil Events/DOM/Window 5 08.11.2013 22:33
Отлов изменения размера элемента. Какие способы есть? danik.js Events/DOM/Window 3 05.02.2013 10:00
Событие изменения элемента trikadin Events/DOM/Window 2 13.06.2011 23:02
Событие изменения размера элемента <div>, <td> javascripter Events/DOM/Window 10 01.03.2011 03:33