Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как получить сумму из выбранного списка / 9 сообщений из 9, страница 1 из 1
27.02.2017, 15:29
    #39411000
Abisma2008
Abisma2008
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как получить сумму из выбранного списка
Здравствуйте!

<form action="page1.php" method='POST' onblur="(kolvo.value = names.value)">
<select id='names' name='names' multiple>
<option value='1' >Саша</option>
<option value='2' >Ваня</option>
<option value='3' >Оля</option>
<option value='4' >Аня</option>
</select>
<input type="number"name="kolvo">
</form>

Выбираю на пример 3шт имя. После потери фокуса в поле "kolvo" показывает "1".
Я хочу что бы в поле "kolvo" показывал сумму, то есть "3".
Помогите пожалуйста как это реализовать!
Спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.02.2017, 15:46
    #39411018
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как получить сумму из выбранного списка
Abisma2008,

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
  <form>
    <select multiple onchange="kolvo.value = this.value">
      <option value='1'>Саша</option>
      <option value='2'>Ваня</option>
      <option value='3'>Оля</option>
      <option value='4'>Аня</option>
    </select>
    <input name="kolvo" type="number"/>
  </form>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.02.2017, 15:52
    #39411020
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как получить сумму из выбранного списка
Abisma2008Выбираю на пример 3шт имя. После потери фокуса в поле "kolvo" показывает "1".
Я хочу что бы в поле "kolvo" показывал сумму, то есть "3".
Как вариант...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('#names').click(function(){
		$('#kolvo').val($('#names > :selected').length);
	});
});
</script>
</head>
<body>
<form action="page1.php" method='POST'> 
	<select id='names' name='names' multiple> 
		<option value='1' >Саша</option> 
		<option value='2' >Ваня</option> 
		<option value='3' >Оля</option> 
		<option value='4' >Аня</option> 
	</select> 
	<input type="number" name="kolvo" id="kolvo" />
</form>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.02.2017, 15:54
    #39411023
big-duke
big-duke
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как получить сумму из выбранного списка
https://jsfiddle.net/xtohcLox/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.02.2017, 16:51
    #39411070
Abisma2008
Abisma2008
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как получить сумму из выбранного списка
big-duke,
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
<!DOCTYPE html>
<html>
<head>
<script>
 $(document).ready(function () {
 
  $('input[name=kolvo]').click(function(){
  var count = $('#names option:selected').length;   
  $(this).val(count)
  });
     
 })
</script>
</head>
<body>
<form action="page1.php" method='POST' onblur="(kolvo.value = names.value)"> 
<select id='names' name='names' multiple> 
<option value='1' >Саша</option> 
<option value='2' >Ваня</option> 
<option value='3' >Оля</option> 
<option value='4' >Аня</option> 
</select> 
<input type="number"name="kolvo">
</form>
</body>
</html>


Не получается!
Что я не так делаю(
Какие то библиотеки устанавливать надо для скрипта?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.02.2017, 16:58
    #39411077
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как получить сумму из выбранного списка
Abisma2008,

как минимум jquery
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.02.2017, 17:01
    #39411080
Abisma2008
Abisma2008
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как получить сумму из выбранного списка
вадяAbisma2008,

как минимум jquery
Нет. Я скачал мини версию и загрузил туда где "page1.php"
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.02.2017, 23:23
    #39411289
big-duke
big-duke
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как получить сумму из выбранного списка
Abisma2008Нет. Я скачал мини версию и загрузил туда где "page1.php"
Зачем качать ? Надо добавить в заголовок ссылку на jquery
<script src=" https://code.jquery.com/jquery-3.1.1.min.js"></script>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.02.2017, 08:25
    #39411364
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как получить сумму из выбранного списка
Abisma2008big-duke,
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
<!DOCTYPE html>
<html>
<head>
<script>
 $(document).ready(function () {
 
  $('input[name=kolvo]').click(function(){
  var count = $('#names option:selected').length;   
  $(this).val(count)
  });
     
 })
</script>
</head>
<body>
<form action="page1.php" method='POST' onblur="(kolvo.value = names.value)"> 
<select id='names' name='names' multiple> 
<option value='1' >Саша</option> 
<option value='2' >Ваня</option> 
<option value='3' >Оля</option> 
<option value='4' >Аня</option> 
</select> 
<input type="number"name="kolvo">
</form>
</body>
</html>



Не получается!
Что я не так делаю(
Используете jQuery и событие onblur.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как получить сумму из выбранного списка / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]