Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.01.2017, 18:51
Аспирант
Отправить личное сообщение для Meattale Посмотреть профиль Найти все сообщения от Meattale
 
Регистрация: 16.06.2016
Сообщений: 32

Передача данных полей формы в строку textarea
здравствуйте, подскажите, пожалуйста.
Есть Скрипт
<!DOCTYPE html>

<html data-ng-app="FormApp">
    <head>
        <title>title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <script src="angular.js"></script>        
        <script src="jquery-3.1.1.js"></script>
        
    </head>
    <body>
        <div>TODO write content</div>
        
        <form data-ng-controller="SendDataCtrl">
            
            <input id="os" ng-model="color.name" type="radio" name="answer" value="Операционная система">Операционная система<Br>
            <input id="xz" ng-model="color.name" type="radio" name="answer" value="Большой полосатый мух">Большой полосатый мух<Br>
            
            
            <select name="multipleSelect" id="multipleSelect" ng-model="data">                
                 <option value="option-1">Option 1</option>
                    <option value="option-2">Option 2</option>
                    <option value="option-3">Option 3</option>           
            </select>
            
            <input type="text" ng-model="text" name="text"><Br>
            
            <textarea id="are" name="comment" cols="40" rows="3">{{ color.name + " " + data + " " + text}}</textarea><Br>
            
            <button id="post">ok</button>
            
        </form>
        
        <script>
            
            
            
            var FormApp = angular.module('FormApp',[]);
            FormApp.controller('SendDataCtrl', function($scope){
                
                $scope.Array = [50,100, 1000];
                
                $scope.Select = function(item){
                    //alert(item);
                    $scope.test = item;
                };
            });
            
            
        </script>
        
    </body>
</html>


Вставляет выбраные/введенные данные в textarea.
Вопрос в тос. Что он передает в textarea которая есть в этой форме. А как сделать так, чтобы данные формы передавались в textarea другой формы
Ответить с цитированием
  #2 (permalink)  
Старый 25.01.2017, 19:12
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

Meattale,
Решается оберткой в виде одного контроллера для форм и пробросом нужной части состояния в textarea.

Можно еще через иерархию скоупов...но не делай так.
Ответить с цитированием
  #3 (permalink)  
Старый 25.01.2017, 19:36
Аспирант
Отправить личное сообщение для Meattale Посмотреть профиль Найти все сообщения от Meattale
 
Регистрация: 16.06.2016
Сообщений: 32

Сообщение от destus Посмотреть сообщение
Meattale,
Решается оберткой в виде одного контроллера для форм и пробросом нужной части состояния в textarea.

Можно еще через иерархию скоупов...но не делай так.
Можно маленький пример, пожалуйста. Я не очень хорошо знаю Ангуляр Только учусь
Ответить с цитированием
  #4 (permalink)  
Старый 26.01.2017, 06:55
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

<!DOCTYPE html>

<html data-ng-app="FormApp">
    <head>
        <title>title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
         <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>          
        
    </head>
    <body>
        <div>TODO write content</div>
		
		<div ng-controller="SendDataCtrl">
		<p>Обёртка для двух форм</p>
		
		<form>
            <p style='font-weight: bold; height: 10px;'>Первая форма</p>
            <input id="os" ng-model="color.name" type="radio" name="answer" value="Операционная система">Операционная система<Br>
            <input id="xz" ng-model="color.name" type="radio" name="answer" value="Большой полосатый мух">Большой полосатый мух<Br>
            
            
            <select name="multipleSelect" id="multipleSelect" ng-model="data">                
                 <option value="option-1">Option 1</option>
                    <option value="option-2">Option 2</option>
                    <option value="option-3">Option 3</option>           
            </select>
            
            <input type="text" ng-model="text" name="text"><Br>
            
            <textarea id="are" name="comment" cols="40" rows="3">{{ color.name + " " + data + " " + text}}</textarea><Br>
            
            <button id="post">ok</button>
            
        </form>
		
		<form>
			<p style='font-weight: bold; height: 10px;'>Вторая форма</p>
			<textarea id="are2" cols="40" rows="3">{{ color.name + " " + data + " " + text}}</textarea><Br>
		</form>
		
		
		</div>
        
        <script>
            var FormApp = angular.module('FormApp',[]);
            FormApp.controller('SendDataCtrl', function($scope){
                
                $scope.Array = [50,100, 1000];
                
                $scope.Select = function(item){
                    //alert(item);
                    $scope.test = item;
                };
            });
        </script>
        
    </body>
</html>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не происходит отправка формы после динамического добавления полей adelbaew Серверные языки и технологии 1 14.09.2016 15:36
Отправка данных формы. Как выглядит структура метода с AJAX (по JQuery)? Coriolan161 AJAX и COMET 5 24.11.2015 20:17
Передача данных из формы в поп-ап окно. Успенский Андрей Общие вопросы Javascript 0 30.09.2015 13:06
проверка полей формы!!!! DENAT Общие вопросы Javascript 0 05.06.2008 22:14
передача данных между формами Yurii Общие вопросы Javascript 2 30.04.2008 20:52