Нужна помощь по JS

[The_Wolf]

есть DIV блок и еще есть поле для номера (input type=number).
Как сделать чтобы при изменении значения (input type=number) тоже изменилось значение width у блока DIV ??
Помогите

у меня работает

Скажу по другому, ответ не соответствует вопросу, ибо в задаче не было div-width +50, было input-value -> div-width и событие onchange срабатывает после смены фокуса, до смены в input может быть что угодно и событие не сработает.

 

[Vishez]

есть DIV блок и еще есть поле для номера (input type=number).
Как сделать чтобы при изменении значения (input type=number) тоже изменилось значение width у блока DIV ??
Помогите

Для просмотра ссылки Войди или Зарегистрируйся

Скажу по другому, ответ не соответствует вопросу, ибо в задаче не было div-width +50, было input-value -> div-width и событие onchange срабатывает после смены фокуса, до смены в input может быть что угодно и событие не сработает.

Что не соответствует?

Как сделать чтобы при изменении значения (input type=number) тоже изменилось значение width у блока DIV ??

При изменении значения у инпута ширина дива меняется? Меняется. Неважно на сколько. Не было написано что ширина должна равняться тому что было введено в инпут.

 

[latteo]

Скажу по другому, ответ не соответствует вопросу, ибо в задаче не было div-width +50, было input-value -> div-width и событие onchange срабатывает после смены фокуса, до смены в input может быть что угодно и событие не сработает.

Для просмотра ссылки Войди или Зарегистрируйся

$(document).ready(function(){
    
    $('.input1').on('change', dw);
    $('.input1').on('keypress', dw);
});

function dw(){
  $(".div1").width( $(".input1").val() );
}

 

[Vishez]

Для просмотра ссылки Войди или Зарегистрируйся

$(document).ready(function(){
   
    $('.input1').on('change', dw);
    $('.input1').on('keypress', dw);
});

function dw(){
  $(".div1").width( $(".input1").val() );
}

Впринципе так, если нажимать на стрелочки. Но если вводить с клавиатуры - при нажатии изменения появляются только по предыдущему вводу. Наверное это связано с особенности обработки DOM.

 

[Darkness]

Для просмотра ссылки Войди или Зарегистрируйся

$(document).ready(function(){
   
    $('.input1').on('change', dw);
    $('.input1').on('keypress', dw);
});

function dw(){
  $(".div1").width( $(".input1").val() );
}

Ты не то потер, решение я уже предлагал, срабатывает всегда.

<input type="number" oninput="document.getElementById('div').style.width=parseInt(this.value)" onpropertychange="document.getElementById('div').style.width=parseInt(this.value)">
<div id="div"></div>

 

[The_Wolf]

Спасибо всем .
останавливаюсь на :

$(document).ready(function(){

$('.input1').on('change', dw);
$('.input1').on('keypress', dw);
});

function dw(){
$(".div1").width( $(".input1").val() );
}

Снова актуально.
как сделать вывод несколько значений select на textarea.
например : первое : второе : третий

 

[dwarf]

Снова актуально.
как сделать вывод несколько значений select на textarea.
например : первое : второе : третий

Имеется ввиду select с множественным выбором, и при выборе пользователем значений нужно дописывать\удалять их value из textarea?

 

[The_Wolf]

Вот есть такое три :

<select>
<option>1</option>
<option>2</option>
<option>...</option>
</select>

мне нужно чтобы при изменении select>option'а сгенерировалось код в виде : первое : второе : третий
у меня сейчас через php сгенерируется (post запросом через форму) . хочу чтобы без php работал

 

[latteo]

мне нужно чтобы при изменении select>option'а сгенерировалось код в виде : первое : второе : третий
у меня сейчас через php сгенерируется (post запросом через форму) . хочу чтобы без php работал

Для просмотра ссылки Войди или Зарегистрируйся так?

<input class="input1" type="text">
    
<select id="sel">
<option data-text="первое">1</option>
<option data-text="второе">2</option>
<option data-text="третий">3</option>
</select>
<script>
$(document).ready(function(){
    $("select").change(function () {
            //alert($("#sel option:selected").data("text"));
            $(".input1").val($("#sel option:selected").data("text"));
     })
     .change();
});
</script>

 

[The_Wolf]

Для просмотра ссылки Войди или Зарегистрируйся так?

<input class="input1" type="text">
 
<select id="sel">
<option data-text="первое">1</option>
<option data-text="второе">2</option>
<option data-text="третий">3</option>
</select>
<script>
$(document).ready(function(){
    $("select").change(function () {
            //alert($("#sel option:selected").data("text"));
            $(".input1").val($("#sel option:selected").data("text"));
     })
     .change();
});
</script>

Нет .
у меня три селект>опция .

Спойлер

<select id="sel1">
<option data-text="первое">1</option>
<option data-text="второе">2</option>
<option data-text="третий">3</option>
</select>
<select id="sel2">
<option data-text="первое">1</option>
<option data-text="второе">2</option>
<option data-text="третий">3</option>
</select>
<select id="sel3">
<option data-text="первое">1</option>
<option data-text="второе">2</option>
<option data-text="третий">3</option>
</select>

и мне так надо в input или textarea : значение_первого_селекта - значение_второго_селекта - значение_третьего_селекта