Форум программистов, компьютерный форум, киберфорум
Наши страницы

jQuery

Войти
Регистрация
Восстановить пароль
 
Shoshona
26 / 26 / 8
Регистрация: 03.06.2014
Сообщений: 891
#1

Результат выводится в поле но не выводится в span - jQuery

28.11.2016, 11:11. Просмотров 157. Ответов 6
Метки нет (Все метки)

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="hot_predlojenia">
    <input type="checkbox" name="hot_home_page" id="hot_home_page" value="a" onclick="showMe(this)">
    <label for="hot_home_page">Гарячее предложение на главной</label>
                                
    <input type="checkbox" name="hot_catagory" id="hot_catagory" value="b" onclick="showMe(this)">
    <label for="hot_catagory">Гарячиее предложение в категории</label>
</div>
<div class="sub_form" id="div1" style="display:none;">
    <label>Введите количество дние</label>
        <input type="text" name="numb" id="numb" max="1000" placeholder="100" autocomplete="off">
        <br>
    Это стоит  <span id="result"></span> points
    <input type="number" name="numres" id="numres">
</div>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
//<![CDATA[
window.onload = $(function(){
        var input = document.body.children[0];
        var obj = [$('#hot_home_page'),$('#hot_catagory')];
        var res = $('#numres');
        
        $("#numb, #hot_home_page, #hot_catagory").on('input',function(){
            var f = '';
            var numb = $('#numb').val();
            $.each(obj,function(i,el){
                if(el.prop("checked")){
                    f += '1';
                }else{
                    f += '0';
                }
            });
            switch(f) {
                case '00':  
            $('#numb').val(0);
                    res.val(0);
                    break;
                case '01':  
                    res.val(numb);
            document.getElementById('result').innerHTML = res.val(numb);
                    break;
                case '11':
        res.val(numb *3);
        document.getElementById('result').innerHTML = res.val(numb *3);
                    break;
                case '10':
        res.val(numb *2);
        document.getElementById('result').innerHTML = res.val(numb *2);
                break;
            }
        });
});
 //]]>
в input name="numres" результат выводится а в span выводится "Это стоит [object Object] points"
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
28.11.2016, 11:11
Здравствуйте! Я подобрал для вас темы с ответами на вопрос Результат выводится в поле но не выводится в span (jQuery):

Если текстовое поле пустое, должен показываться span после нажатия на кнопку, если нет, то span не появляется - JavaScript
не работает следующий код. Если текстовое поле пустое, должен показываться span после нажатия на кнопку, если нет, то span не появляется: ...

Не выводится дата - jQuery
Здравствуйте! Есть два поля &lt;input placeholder=&quot;Дата вьезда&quot; class=&quot;textbox-n&quot; type=&quot;text&quot; onfocus=&quot;(this.type='date')&quot;...

Не выводится изображение в IE - JavaScript
&lt;script&gt; function reload(){ var imageObj = new Image(); ...

не выводится надпись - JavaScript
Доброго времени суток! Пишу такой код: &lt;?php header('Content-Type: text/html; charset=utf-8'); //КАКОЙ ТО КОД echo '&lt;input...

Калькулятор: итог не выводится - JavaScript
всем здрасте.помогите разобраться с калькулятором.проблема в том,что если нажать на общий итог,то итог не выводится,до тех пор пока не...

Не выводится слайдер в pop-up - jQuery
Добрый вечер ! не выводится слайдер в попапе должно быть так как на картинке слева а он не загружается не знаю что делать что подскажите...

6
Shoshona
26 / 26 / 8
Регистрация: 03.06.2014
Сообщений: 891
28.11.2016, 11:13  [ТС] #2
вот скрин результата
0
Миниатюры
Результат выводится в поле но не выводится в span  
Balanaar
702 / 643 / 241
Регистрация: 11.07.2016
Сообщений: 1,969
28.11.2016, 11:35 #3
Лучший ответ Сообщение было отмечено автором темы, экспертом или модератором как ответ
Javascript
1
document.getElementById('result').innerHTML = res.val();
1
Shoshona
26 / 26 / 8
Регистрация: 03.06.2014
Сообщений: 891
28.11.2016, 12:10  [ТС] #4
Balanaar, ставить в каждый case? или после switch?

Добавлено через 1 минуту
все работает спасибо!
0
fanatikus
1017 / 1015 / 321
Регистрация: 17.11.2012
Сообщений: 4,453
28.11.2016, 22:13 #5
Цитата Сообщение от Shoshona Посмотреть сообщение
document.getElementById('result').innerHTML = res.val(numb);
Javascript
1
$('#result').html(res.val());
определитесь, или jquery или чистый javascript
0
Balanaar
702 / 643 / 241
Регистрация: 11.07.2016
Сообщений: 1,969
28.11.2016, 23:53 #6
Ему никто в общем-то не запрещает мешать и то и то. Но смотрится глупо, да...
0
fanatikus
1017 / 1015 / 321
Регистрация: 17.11.2012
Сообщений: 4,453
29.11.2016, 21:28 #7
Цитата Сообщение от Balanaar Посмотреть сообщение
Но смотрится глупо,
и писать больше
0
29.11.2016, 21:28
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
29.11.2016, 21:28
Привет! Вот еще темы с ответами:

Не выводится диалоговое окно - JavaScript
При нажатии на кнопку должно выводится диалоговое окно с вопросом о автозаполнении, если в текстовом поле не введе текст, но не работает,...

Не выводится диалоговое окно - JavaScript
Всем приветы. Помогите начинающему. Мой первый код на ЖабеСкрипт. В общем задача в следующем: Пользуясь диалоговыми окнами, соберите о...

Не выводится val() из тега <select> - jQuery
Беда с val() в &lt;select&gt;. Вот код: &lt;div class=&quot;blockTxt&quot;&gt; &lt;div class=&quot;btnFood&quot;&gt; &lt;select class=&quot;quantity-select&quot;&gt; &lt;option...

Почему выводится число, а не строка? - JavaScript
есть такой кусок кода var href = prompt('Введите URL ссылки', 'http://'); var title = prompt('Введите название ссылки','ссылка'); ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Рейтинг@Mail.ru