Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Вывод значений в зависимости от Select (https://javascript.ru/forum/misc/70575-vyvod-znachenijj-v-zavisimosti-ot-select.html)

Александр83 10.10.2017 16:59

Nexus,
скажите пожалуйста.
URL='Адрес php-скрипта', у меня ajax.php
в самом файле что написать?

<?php
$ak_price_engine = $_GET['price-engine'];
?>

Nexus 10.10.2017 17:05

Александр83, вы ответили на свой вопрос.

Александр83 11.10.2017 10:05

Nexus,
по вот этому подскажите где ошибка?
<form method="POST" action="" id="form_engine" name="form_engine">
<select class="proso_engine" width="100%" id="proso_engine" name="engine_php" onclick="komm();">
<option value="0" title="" price-engine="0"><?=GetMessage("AK_04");?></option> 
<?$i=0;foreach($arResult['ENGINES'] as $engine):?> 
<option value="<?=$engine['DETAIL_PAGE_URL']?>" title="" price-engine="<?=intval($engine['PRICE']['VALUE'])?>" product="<?=$engine['NAME']?>"><?=substr($engine['NAME'], 0, 48)?>&nbsp;-&nbsp;<?=intval($engine['PRICE']['VALUE'])?>&nbsp;<?=GetMessage("AK_07");?></option> 
<?endforeach;?> 
</select>

$("select.proso_engine").change(function() {
    function komm(){
        $.ajax({
            type: "POST",
            url: '/ajax.handler.php',
            data: {price-engine: '<?=intval($engine['PRICE']['VALUE'])?>'},
        });
    };
});


задача все таже, отправить атрибут price-engine в файл ajax.handler.php

Александр83 23.10.2017 18:17

Здравствуйте! подскажите как сделать так чтоб при выборе "ссылка со стилем" class="ak_12_20" присваивался тегу <a>, соответственно при выборе "нет ссылки" class="ak_12_20" этот исчезал?
<select class="proso2" width="100%" id="proso_table" name="tablephp"> 
<option value="0" title="" price-table="0">нет ссылки</option> 
<option value="100" value-class="ak_12_20" value-url="ссылка" title="" price-table="100" product_table_id="1">ссылка со стилем</option> 
</select>

<div class="ak_11" id="proso_table_01"><a target="_blank"></a></div>

<script type="text/javascript">
        document.querySelector('#proso_table').onchange = function() {
        var a = document.querySelector('#proso_table_01 a');
        a.href=this.options[this.selectedIndex].getAttribute('value-url');
        a.textContent=this.value!='0'?'ссылка со стилем ak_12_20':'';
   };
</script>

Александр83 23.10.2017 18:36

вопрос отменен решил сам!, кому интересно то так!!!
document.querySelector('#proso_table').onchange = function() {
        var a = document.querySelector('#proso_table_01 a');
        a.href=this.options[this.selectedIndex].getAttribute('value-url');
        a.textContent=this.value!='0'?'ссылка со стилем ak_12_20':'';
        document.querySelector('a').classList.add('ak_12_20');
   };

Александр83 28.10.2017 17:41

Dilettante_Pro,
подскажите как это реализовать?

есть select и button, необходимо Атрибут fox-id от выбранного option средствами JS передать на кнопку button в атрибут data-item?
<select class="proso" id="proso">
<option value="0">не выбран ID</option> 
<option value="1" fox-id="1">Выбран ID №1</option>
<option value="2" fox-id="2">Выбран ID №2</option>
</select>
 
<button
id="button_fox"
class="fox"
data-item="здесь необходимо вставить значение атрибута fox-id от выбранного option"
>
</button>

Nexus 28.10.2017 17:49

var select=document.getElementById('proso');
select.addEventListener('change',function(){
    document.getElementById('button_fox').setAttribute('data-item',this.value);
},false);
select.dispatchEvent(new Event('change'));

Александр83 28.10.2017 19:24

Nexus,
спасибо


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