preencher inputs Preencher outros inputs automaticamente

[Jack Oliveira 1]

Ola bom dia

poderia me dar um ajuda

tenho alguns input´s e em um deles quero que quando preencher um deles outros seja automaticamente preenchidos 

 

Quando eu preencher o input <input type="text" class="form-control" name="category_name"> Ex:1 <input type="text" class="form-control" name="category_name" value="Nome de uma categoria">

 

Já no input <input type="text" class="form-control" name="category_slug"> ele já receber o titulo ex:2 <input type="text" class="form-control" name="category_slug" value="nome-de-uma-categoria">

 

E no input <input type="text" class="form-control" name="meta_title"> ele já receber assim <input type="text" class="form-control" name="meta_title" value="Nome de uma categoria">

Sem precisar preencher eles também...

                    <label for="" class="col-sm-2 control-label">Categoria Nome<span>*</span></label>
                    <div class="col-sm-4">
                        <input type="text" class="form-control" name="category_name">
                    </div>
                </div>
                <div class="form-group">
                    <label for="" class="col-sm-2 control-label">Categoria Slug</label>
                    <div class="col-sm-4">
                        <input type="text" class="form-control" name="category_slug">
                    </div>
                </div>
                <h3 class="seo-info">SEO</h3>
                <div class="form-group">
					<label for="" class="col-sm-2 control-label">Meta Titulo </label>
					<div class="col-sm-9">
						<input type="text" class="form-control" name="meta_title">
					</div>
				</div>
				<div class="form-group">
					<label for="" class="col-sm-2 control-label">Meta Keywords </label>
					<div class="col-sm-9">
						<textarea class="form-control" name="meta_keyword" style="height:100px;"></textarea>
					</div>
				</div>
				<div class="form-group">
					<label for="" class="col-sm-2 control-label">Meta Description </label>
					<div class="col-sm-9">
						<textarea class="form-control" name="meta_description" style="height:100px;"></textarea>
					</div>
				</div>

Espero que  possam ter entendido ai desde já fico grato....

[Omar~ 87]

Seria isso?

<p>Escreva alguma coisa</p>
<input id="exemplo" type="text" />

<p>Resultados</p>
<input class="resultado" type="text" />
<input class="resultado" type="text" />

<script>
    var exemplo = document.getElementById('exemplo');
    var resultado = document.getElementsByClassName('resultado');

    exemplo.addEventListener('keyup', function (e) {
        for (var i = 0; i < resultado.length; i++) {
            resultado[i].value = e.target.value;
        }
    }, false);
</script>

 

[Jack Oliveira 1]

11 minutos atrás, Omar~ disse:

Seria isso?

<p>Escreva alguma coisa</p>
<input id="exemplo" type="text" />

<p>Resultados</p>
<input class="resultado" type="text" />
<input class="resultado" type="text" />

<script>
    var exemplo = document.getElementById('exemplo');
    var resultado = document.getElementsByClassName('resultado');

    exemplo.addEventListener('keyup', function (e) {
        for (var i = 0; i < resultado.length; i++) {
            resultado[i].value = e.target.value;
        }
    }, false);
</script>

 

Bom dia @Omar~ seria isso mesmo uns dos inputs deu certo

para que dentro deste inputs para que ele fica assim ex:

<input type="text" class="form-control" name="category_slug"> ele já receber o titulo ex:2 <input type="text" class="form-control" name="category_slug" value="nome-de-uma-categoria">