第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何在更改第二個(gè)選擇選項(xiàng)時(shí)使用不同的屬性

如何在更改第二個(gè)選擇選項(xiàng)時(shí)使用不同的屬性

PHP
繁華開滿天機(jī) 2023-06-18 17:21:34
我試圖通過(guò)更改兩個(gè)不同的選擇選項(xiàng)來(lái)更改輸入框的值。第一個(gè)select框product_type在選項(xiàng)上有兩個(gè)不同的數(shù)據(jù)屬性:data-price和data-price_c。第二個(gè)選擇框是在或 之間pay_type進(jìn)行選擇,更新 的值。data-pricedata-price_clprice這是我試過(guò)的:var sp = document.getElementById('select_product');var lp = document.getElementById('lprice');var count = document.getElementById('count');var fp = document.getElementById('price');var pt = document.getElementById('paytype');var selected_type = pt.options[pt.selectedIndex];sp.onchange = function(){    var selected = sp.options[sp.selectedIndex];    if (selected_type === 1){        lp.value = selected.getAttribute('data-price');    } else {        lp.value = selected.getAttribute('data-price_c');    }    fp.value = "";};sp.onchange();count.onchange = function(){    fp.value = lp.value * count.value;}                <div>                    <label for="select_product">Select Product</label>                    <select name="product_id" id="select_product" onchange="update();">                        <option value="1" data-price="10000" data-price_c="11000">Product 1</option>                        <option value="2" data-price="20000" data-price_c="21000">Product 2</option>                        <option value="3" data-price="30000" data-price_c="31000">Product 3</option>                    </select>                </div>                <div>                    <label for="paytype">Pay type:</label>                    <select name="paytype" id="paytype">                        <option value="1">Cash</option>                        <option value="2">Dept</option>                    </select>                </div>
查看完整描述

1 回答

?
心有法竹

TA貢獻(xiàn)1866條經(jīng)驗(yàn) 獲得超5個(gè)贊

我希望我正確地低估了您需要從代碼和解釋中完成的工作:


你的第一個(gè)問(wèn)題是你有selected_type你的外部 onchange 功能,所以它沒有得到更改的選項(xiàng) onchange。


其次是您嘗試將值1 & 2與元素進(jìn)行比較而不實(shí)際從元素中提取這些值(.value缺少selected_type)


Pay type我假設(shè)您也需要更新更改的值Select Product,所以在這種情況下,將兩個(gè) HTML 選擇包裝到一個(gè) div 中是一個(gè)技巧div id="wrapper",如果它們中的任何一個(gè)發(fā)生更改,它將監(jiān)聽兩個(gè)選擇和調(diào)用函數(shù)。所以現(xiàn)在你打電話給它wrapper.onchange。


我還建議將您的計(jì)算 fp.value = lp.value * count.value;放在這個(gè)函數(shù)中,以更新任何這些元素發(fā)生變化時(shí)的總價(jià),因此我將您包裝Count:到wrapper div.


希望這可以幫助。


var sp = document.getElementById('select_product');

var lp = document.getElementById('lprice');

var count = document.getElementById('count');

var fp = document.getElementById('price');

var pt = document.getElementById('paytype');


var wrapper=document.getElementById('wrapper');


wrapper.onchange = function(){

    var selected = sp.options[sp.selectedIndex];

    var selected_type = pt.options[pt.selectedIndex].value;   

    if (selected_type === "1"){

        lp.value = selected.getAttribute('data-price');

    } 

    if (selected_type === "2"){

        lp.value = selected.getAttribute('data-price_c');

    }

    fp.value = "";

    fp.value = lp.value * count.value;

};

wrapper.onchange();

<div id="wrapper">

                <div>

                    <label for="select_product">Select Product</label>

                    <select name="product_id" id="select_product" >

                        <option value="1" data-price="10000" data-price_c="11000">Product 1</option>

                        <option value="2" data-price="20000" data-price_c="21000">Product 2</option>

                        <option value="3" data-price="30000" data-price_c="31000">Product 3</option>

                    </select>

                </div>

                <div>

                    <label for="paytype">Pay type:</label>

                    <select name="paytype" id="paytype">

                        <option value="1">Cash</option>

                        <option value="2">Dept</option>

                    </select>

                </div>

                

                <div>

                    <label for="lprice">Single Price:</label>

                    <input type="text" name="lprice" id="lprice" class="form-control" tabindex="1" readonly/>

                </div>

                <div>

                    <label for="count">Count:</label>

                    <input type="number" name="count" id="count" class="form-control" tabindex="1" />

                </div>

</div>

                <div>

                    <label for="price">Full Price:</label>

                    <input type="text" name="price" id="price" class="form-control" tabindex="1" readonly/>

                </div>


查看完整回答
反對(duì) 回復(fù) 2023-06-18
  • 1 回答
  • 0 關(guān)注
  • 198 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)