Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: javascript замена value на PlaceHolder

Добрый день, есть такой код:
Код:
<div class="form">
<input type="text" class="inputtext" name="form_text_8" value="Телефон контактного лица" size="0">
<input type="text" class="inputtext" name="form_text_8" value="Телефон контактного лица1" size="0">
<input type="text" class="inputtext" name="form_text_8" value="Телефон контактного лица2" size="0">
<input type="text" class="inputtext" name="form_text_8" value="Телефон контактного лица3" size="0">
</div>
Есть возможность заменить value на PlaceHolder
через replaceWith не получилось
$('value').replaceWith('placeholder');
на сайте использую jQuery 1.11
Ответ:
<script src="http://code.jquery.com/jquery-latest.js"></script>

<div class="form">
<input type="text" class="inputtext" name="form_text_8" value="Телефон контактного лица" size="0">
<input type="text" class="inputtext" name="form_text_8" value="Телефон контактного лица1" size="0">
<input type="text" class="inputtext" name="form_text_8" value="Телефон контактного лица2" size="0">
<input type="text" class="inputtext" name="form_text_8" value="Телефон контактного лица3" size="0">
</div>
<script>

$('.form>input').each(function(){
   var value = $(this).val();
   $(this).removeAttr('value');
   $(this).attr('placeholder', value);
});
</script>
Вопрос: содержимое option value в span

Всем привет
Имеется селект
<select id="select" name="select">
<option value="1">город1/option>
<option value="2">город2</option>
<option value="3">город3</option>
</select>

и спан
<span id="gorod"></div>

При выборе определенного option value осуществляется его дальнейшая запись по кукам и отображение при обновлении страницы, с ним проблем нет

Но не получается значение выбранного option value передать в спан, он так же должен отображаться на страницах сайта при обновлении

скрипт
<script type="text/javascript" >
var select = document.getElementById('select');
select.onchange = function () {

    var date = new Date();
    date.setDate(date.getDate() + 7);
 
    document.cookie = 'select=' + select.value +'; path=/; expires=' + date.toUTCString();
 
}
</script>
<script>
function getCookie(name) {
    var matches = document.cookie.match(new RegExp(
            "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
    ));
    return matches ? decodeURIComponent(matches[1]) : undefined;
}
 
var select = document.getElementById('select'),
cookie = getCookie('select');
 
if (cookie) {
    select.value = cookie;
}
</script>
<script type="text/javascript" >
function city() {
    var select = document.getElementById('select'),
        target = document.getElementById('gorod'),
        cities = ['1', '2', '3'];
    target.innerHTML = cities[select.value];
}



</script>

Помогите пожауйста
Ответ:
Сообщение от рони
ultrahomie,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

</head>

<body><select id="select" name="select">
<option value="1">город1</option>
<option value="2">город2</option>
<option value="3">город3</option>
</select>
<span id="gorod"></span>
<script type="text/javascript" >
var select = document.getElementById('select');
select.onchange = function () {
    city();
    var date = new Date();
    date.setDate(date.getDate() + 7);

    document.cookie = 'select=' + select.value +'; path=/; expires=' + date.toUTCString();

}

function getCookie(name) {
    var matches = document.cookie.match(new RegExp(
            "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
    ));
    return matches ? decodeURIComponent(matches[1]) : undefined;
}

var cookie = getCookie('select');

if (cookie) {
    select.value = cookie;

}

function city() {
    var target = document.getElementById('gorod'),
        cities = {'1':'город1', '2':'город2', '3':'город3'};
    target.innerHTML = cities[select.value];
}
city()


</script>


</body>
</html>
большое спасибо, всё работает
Вопрос: Передать value

Подскажите как сделать чтобы данные с value брались?

<input type="radio" name="gender" value="1" onclick="calculate()">q
<input type="radio" name="gender" value="2" onclick="calculate()">q
<input type="radio" name="gender" value="3" onclick="calculate()">q

<input type=checkbox value="4"  onclick="calculate()" >q
<input type=checkbox value="5"  onclick="calculate()" >q

<input type="text" id="total">

<script>
function calculate() {
	var inp = document.getElementsByTagName('input');
	var length = inp.length;
	var mas = [];

	for (var i = 0; i < length; i++) {
		if (inp[i].checked) {
			mas.push(inp[i].nextSibling.nodeValue);
		}
	}
	
	var div = document.getElementById('total');
		div.value = mas.join(',') ;
}
</script>
Ответ:
Сообщение от dima-kruglyak
как сделать чтобы данные с value брались?
Так челе?

<!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'>
</script>
</head>
<body>
<input type="radio" name="gender" value="1" onclick="calculate()" />q
<input type="radio" name="gender" value="2" onclick="calculate()" />q
<input type="radio" name="gender" value="3" onclick="calculate()" />q
<input type=checkbox value="4"  onclick="calculate()" />q
<input type=checkbox value="5"  onclick="calculate()" />q
<input type="text" id="total" />
<script>
function calculate() {
	var inp = document.getElementsByTagName('input');
	var length = inp.length;
	var mas = [];
	for (var i = 0; i < length; i++) {
		if (inp[i].checked) {
			mas[mas.length]=inp[i].value;
		};
	};
	var div = document.getElementById('total');
	div.value = mas.join(',');
};
</script>
</body>
</html>
Вопрос: Определить значение value type="radio"

Прошу помочь
есть HTML код
<div id="myform">
<input type="radio" id="radio" name="drink" value="1"   />Розница | 
<input type="radio" id="radio" name="drink" value="2"  />Опт1 | 
<input type="radio" id="radio" name="drink" value="3"  />Опт2
</div>
<input type="number"  data-action="13" value=""  id="contstrix" name="name" max="13"  />


Как мне написать два условия в js
первое условие если не выбран не один из вариантов radio то input с id="contstrix" будет не активным
второе условие это получить value="" выбранной радио кнопки
Ответ:
<div id="myform">
    <input type="radio" class="radio" name="drink" value="1"   />Розница |
    <input type="radio" class="radio" name="drink" value="2"  />Опт1 |
    <input type="radio" class="radio" name="drink" value="3"  />Опт2
</div>
<input type="number"  data-action="13" value=""  id="contstrix" name="name" max="13" disabled="disabled"  />

<script>
    [].forEach.call(document.querySelectorAll('.radio'), function(item) {
        item.addEventListener('change', function() {
            var inpNum = document.getElementById('contstrix');
            inpNum.removeAttribute('disabled');
            inpNum.value = item.value;
        });
    });
</script>
Вопрос: Обращение к id тега через value другого тега

Здравствуйте, есть разметка:
<p id="maind">Some text</p>
<p id="maint">Some another text</p>

<textarea id="comment" cols="30" rows="10"></textarea>
<select name="" id="sel1">
   <option value="maind">Общая информация</option>
   <option value="maint">Главные задачи</option>
</select>
<a href="javasript:Acct();">Опубликовать</a>

и код:
function Acct()
{
   var nT = document.getElementById("comment");
   var tT = document.getElementById("sel1").value;
   var tO = document.getElementById(tT).innerHTML;
   console.log(tT);//показывает выбранное выше значение, допустим "maind"
   document.getElementById(tT).innerHTML + tO + nT.value;
}//Этот код не работает

Однако, я могу реализовать подобное другим путем, он мне не очень нравится
<option value="1">Общая информация</option>
<option value="2">Главные задачи</option>

а в коде:
//...
switch(tT)//элементов много, if не подходит
{
   case "1": document.getElementById("maind").innerHTML + tO +    nT.value;break;
   case "2": document.getElementById("maint").innerHTML + tO + nT.value;break;
}//Это решение работает но оно слишком громоздкое

Есть у кого нибудь идеи как заставить работать первый вариант?
Заранее спасибо!
Ответ: WaldeMar1321,
первый вариант работает при
<a href="#" onclick="Acct();">Опубликовать</a>

и
document.getElementById(tT).innerHTML = tO + nT.value;

или
document.getElementById(tT).innerHTML += nT.value;
Вопрос: Изменение value ползунка исходя из значения input

Добрый день, столкнулся с небольшой проблемкой, которую с моими знаниями не решить.
В общем есть слайдер:
<input type="text" id="amount">
<div id="slider-zaim"></div>


$( "#slider-zaim" ).slider({
				  range: "min",
				  min: 100,
				  value: 100, 
				  max: 10000,
				  step: 100,
				  slide: function( event, ui ) {
					$( "#amount" ).val( ui.value + " руб." );
				  }
});
$( "#amount" ).val( $( "#slider-zaim" ).slider( "value" ) + " руб." );


Так вот, при изменении положения ползунка значение в инпуте меняется, но если меня значение в инпуте, то ползунок стоит как вкопанный. Нужно как я понял изменять значения value у ползунка при изменении в инпуте, но как не понял.

Перерыл кучу страниц полезной информации, но никак применить ее не смог.

Прошу помощи в решении этой проблемы, за ранее всем спасибо!
Ответ: candro,
<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">
  <title>slider demo</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/mint-choc/jquery-ui.css">
  <style>
  #slider-zaim { margin: 10px;width : 500px; }
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

</head>

<body>

<div id="slider-zaim"></div>
<input  id="amount" value="0">
<script>
$(function() {
    var b = $("#amount"),
        a = $("#slider-zaim");
    a.slider({
        range: "min",
        min: 100,
        value: 100,
        max: 1E4,
        step: 100,
        change: function(a, c) {
            b.val(c.value)
        },
        slide: function(a, c) {
            b.val(c.value)
        }
    });
    b.val(100).focusout(function() {
        a.slider("value", this.value)
    }).focusout()
});
</script>
</body>
</html>
Вопрос: Подсчет сумы value. AJAX

Всем привет!
Господа гуру ajax и javascript, помогите разобраться!
Есть несколько radio и checkbox-ов
<label><input type="checkbox" value="1" data-bind="checked: checkbox" /></label>
<label><input type="checkbox" value="4" data-bind="checked: checkbox" /></label>
...
<label><input type="radio" value="3" data-bind="checked: radio" /></label>
<label><input type="radio" value="5" data-bind="checked: radio" /></label>

Есть скрипт подсчета сумы value:
var viewModel = {
    radio: ko.observable("0"),
    checkbox: ko.observableArray(["20"])
};
viewModel.calculate = ko.computed(function(){
  var sum = this.radio() |0;
  this.checkbox().forEach(function(value){
    sum += value |0;
  });
  return sum;
}, viewModel)
ko.applyBindings(viewModel);

есть калькулятор:
function calc(par) {

		var summ = (range[0] + СУММА/1200) * range[0] * range[1]) / range[1],
            summ2 = .01667 * range[0] * range[1];
        summ = summ.toFixed(0);
        summ2 = summ2.toFixed(0);
        summ = summ.replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, "$1 ");
        summ2 = summ2.replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, "$1 ");
        document.getElementById("summ").innerHTML = summ;
        document.getElementById("summ2").innerHTML = summ2;
        return false
    }

как передать сумму value в калькулятор?! СУММА - вставить сюда сумму value
Ответ:
Сообщение от msncom
СУММА - вставить сюда сумму value
... viewModel.calculate()/1200 ...
Вопрос: Установка атрибутов value для форм из кук

Есть код:
var $arr = ['mobile_phone','email','first_name','pcode','province','city','street','house'];

    inputvalue($arr);
    
    function inputvalue(arr){
        for (index = 0; index < arr.length; ++index) {
            value = getCookie(arr[index]);
            if(value !== null){
                alert(value);
                $(function(){
                    $('input[id='+arr[index]+']').attr('value', value);
                });
            }
        }
    }
    

    function getCookie(cookie_name){
      var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );
      if(results){
        return ( unescape ( results[2] ) );
      } else {
        return null;
      }
    }


$('input[id='+arr[index]+']').attr('value', value); не работает кусок именно этот, не могу понять. Помогите пожалуйста
Ответ:
Сообщение от Argonaft
$('input[id='+arr[index]+']').attr('value', value); не работает кусок именно этот, не могу понять.
потому что index к моменту готовности страницы будет больше чем нужно и для всех элементов index будет 8, а такого элемента нет в массиве $arr .
Вопрос: Не передает value из input-а в input

Всем Добрый день!
Имеется:
<input type="file" name="uploadfile" onchange="newFilename(this.value);">
<input type="text" id="fileName">
... и функция ...
<script type="text/javascript">
function newFilename(fileName){
var pos = fileName.lastIndexOf("\\");
if(fileName.lastIndexOf("\\") != -1) {document.getElementById("fileName").value=fileNam e.substr(pos+1);}
}
</script>

После выбора файла, его имя "копируется" в инпут id="fileName", при этом я обрезаю путь, чтобы оставить только имя файла.

Работает в Опере и Хроме последних версийи и в IE(версии 11), а в FF не хочет. Подскажите, как заставить лисичку работать, буду очень признателен.
Ответ:
Сообщение от kostyanet Посмотреть сообщение
Нашел у себя, вот так смахивайте:
elem.value = files[id].value.split('\\').pop(); // get rid of fakepath
Т.К. функция принимает в параметр(fileName) value из инпута, сделал вот так:
function newFilename(fileName{
    document.getElementById("fileName").value=fileName.split("\\").pop();
}

ВСЁ ЗАРАБОТАЛО! СПАСИБО КОСТЯН!
Тавтология конечно у меня: параметр 'fileName' и id='fileName'

P.S. А затеял это все я для того чтобы заменить стандартный <input type="file"> на стилизованый (собранный из других элементов).
Вопрос: Получить из тега и занести в value

Здравствуйте , совершенно новичок , но появилась острая необходимость.
В интернете встречал много вариантов перед тем как задать вопрос , но увы не совсем то...

С этой же страницы где находится форма нужно скопировать текст из тега:
<td id='price'>Отсюда</td>


И занести его в value , он находится на этой же странице
<input type='hidden' name='tag' id='tag' value='Сюда' />


Вот сам пример страницы.

<!DOCTYPE html>
<html>
<head>
    <title>Заголовок</title>
</head>
<body>
    <table>
        <tr>
            <td id="in">Отсюда</td>
        </tr>
    </table>
    <form action="../ewfwfwf/fewfewfw" method="post">
        <input id='tag' name='tag' type='hidden' value='Сюда'>
    </form>
</body>
</html>
Ответ:
<table border='1'>
        <tr>
            <td id="in">Отсюда</td>
        </tr>
    </table>
    <form action="../ewfwfwf/fewfewfw" method="post">
        <input id='tag' name='tag' type='hidden' value='Сюда'>
    </form>
    <input type='button' id='btn' value='Перенести'>
    <script>
      document.querySelector("#btn").onclick = function() {
	     document.querySelector("#tag").value = document.querySelector("#in").textContent;
	}
    </script>