Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Перепись поля placeholder (https://javascript.ru/forum/jquery/65512-perepis-polya-placeholder.html)

badya200310@gmail.com 23.10.2016 14:29

Перепись поля placeholder
 
Добрый день знатоки. Прошу у вас совета.
Написал скрипт, который берёт цену из placeholder , умножает его на курс, и записывает в input.
Скрипт работает, но код явно очень длинный, так как много полей и очень мало опыта написания кода.))
Скорее всего есть простое решение как его сделать в пару строк.
Прилагаю кусок из кода.
<form><input class="mypryses" name="Sen09m" readonly="readonly" type="text" placeholder="210" /></form>

<script type="text/javascript">
  $(document).ready(function() { // Ждём загрузки страницы   
        var kurs = 1.92;
    // цены на шкафы-купе 2 двери сенатор
        var Sen09m = $('input[name="Sen09m"]').attr('placeholder'); 
        var CenaSen09m = Sen09m* kurs; 
        var CenaSen09mfix = CenaSen09m.toFixed(0);

             $("input[name=Sen09m]").val(CenaSen09mfix + " рублей");
});
</script>

Rise 23.10.2016 15:40

badya200310@gmail.com,
$('.mypryses').val(function(index, value) {
	return (value * 1.92).toFixed(0) + ' рублей';
});

// <input class="mypryses" name="Sen08m" readonly="readonly" type="text" value="110" />
// <input class="mypryses" name="Sen09m" readonly="readonly" type="text" value="210" />

badya200310@gmail.com 23.10.2016 16:13

Спасибо большое
 
Цитата:

Сообщение от Rise (Сообщение 432668)
badya200310@gmail.com,
$('.mypryses').val(function(index, value) {
	return (value * 1.92).toFixed(0) + ' рублей';
});

// <input class="mypryses" name="Sen08m" readonly="readonly" type="text" value="110" />
// <input class="mypryses" name="Sen09m" readonly="readonly" type="text" value="210" />

Огромное спасибо.
Мой код стал короче в 10 раз )):)

badya200310@gmail.com 25.10.2016 15:59

Добрый день. Опять я с просьбой помощи. Написал форму заявки и к ней скрипт, который автоматически записывает объект брони в нужный input.
(указал записывать span с определённым именем)
Сама форма заявки в всплывающем окне.
Так вот если на странице одна кнопка Бронировать, то все пишет как надо, если несколько объектов бронирования, то естественно 2 и более span c этим именем не напишешь.
Понимаю что надо как то обозначить каждую кнопку бронировать.
И записывать через неё. Но не знаю как))
Собственно вот сама форма и скрипт.
<div class="bronirovat" onclick="myshow('block')">
				<p>Бронировать</p>
			</div>

Не судите строго мой код:( Я самоучка, только в начале пути.
<form id="form1" action="/call/index1.php" method="post"  name="call-form" class="phone_form">
Предмет брони * :<br />
<input type="text" name="PredmetBroni" class="phone" ><br />
ФИО * :<br />
<input type="text" name="fam" class="phone" id="fam" ><br />
Контактный телефон * :<br />
<input name="phone" id="phone" class="phone" ><br />
Контактный E-mail * :<br />
<input type="text" id="addres" class="phone" name="addres"><br />
Выбор даты заезда * :<br /> 
<input type="date" name="DataZaezda" id="DataZaezda" value="2016-10-25" min="2016-10-25"><br /> 
Конец заезда * :<br /> 
<input type="date" name="DataViezda" id="DataViezda" value="2016-10-25" min="2016-10-25"><br />
Дополнительные пожелания:<br />
<textarea rows="3" cols="35" name="Pozalaniya"></textarea>
<input type="hidden" name="page_url" value="<?='http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']?>"/>
<input type="submit" id="KnopkaOtpravit" class="call_submit" value="Отправить">
</form>

<script type="text/javascript">
   $(document).ready(function() { // Ждём загрузки страницы 
   var PredmetBroni = $("span[name=PredmetBroni]").text();
    $("input[name=PredmetBroni]").val(PredmetBroni); // записываем предмет брони
       $('#KnopkaOtpravit').click(function(){
  var fam = $("input[name=fam]").val() *1;    
  var phone = $("input[name=phone]").val() *1; 
  var addres = $("input[name=addres]").val() *1; 
  var DataZaezda = $("input[name=DataZaezda]").val() *1; 
  var DataViezda = $("input[name=DataViezda]").val() *1; 
  var Pozalaniya = $("textarea[name=Pozalaniya").val() *1;

  if (fam == " ") {   
    alert ("Введите фамилию");
    $("input[name=fam]").focus();
    $("input[name=fam]").css("border", "1px solid red");
    return false;
  }
  else {
      $("input[name=fam]").css("border", "none");
   }
   if (phone == " ") {   
    alert ("Введите телефон");
    $("input[name=phone]").css("border", "1px solid red");
    $("input[name=phone]").focus();
    return false;
  }
   else {
      $("input[name=phone]").css("border", "none");
   }
   if (addres == " ") {   
    alert ("Введите Email");
    $("input[name=addres]").css("border", "1px solid red");
    $("input[name=addres]").focus();
    return false;
  }
else  {
     $("input[name=Email]").css("border", "none");
  }
});
});
</script>

badya200310@gmail.com 25.10.2016 20:35

Спасибо. Уже сам разобрался.
Сделал так
<script type="text/javascript">
  $(document).ready(function() { // Ждём загрузки страницы   
  $(".bronirovat").on('click',function()  { // Событие нажатия на кнопку "     
           var PredmetBroni = $(this).val();
           $("input[name=PredmetBroni]").val(PredmetBroni); // записываем предмет брони

       }); 
});   
 
</script>

<button class="bronirovat" value="Сплавы на каноэ" onclick="myshow('block')"> Бронировать </button>


Часовой пояс GMT +3, время: 12:47.