根據選定的選項設置輸入屬性

-2

大家好，我現在有點迷路。我正嘗試根據所選選項設置輸入字段的SKU。我試過下面的代碼。但它似乎並沒有工作。請儘量提供儘可能多的見解。根據選定的選項設置輸入屬性

這裏的HTML

 <select id="track_type_selected"> 
     <option value="0">51 Track 3m</option> 
     <option value="1">64 Track 3m</option> 
     <option value="2">103 Track 3m</option> 
     </select> 
     <input type="number" name="required_tracks_name" id="required_tracks_id" class="sku" sku="" disabled="">

而這裏的的JavaScript。

if ('#track_type_selected' == 1) { 
     '#required_tracks_id'.sku('TRACK3'); 
    }else if('#track_type_selected' == 2) { 
     '#required_tracks_id'.sku('TRK30'); 
    }else if ('#track_type_selected' == 3) { 
     '#required_tracks_id'.sku('TRACK-1033'); 
    }

基本上是選項等於設定值。我需要將sku設置爲設定值。

來源

2017-08-20 Garth Baker

「＃track_type_selected」是一個字符串。它永遠不會等於'1'。 – melpomene

那麼如何根據所選選項將我的輸入屬性設置爲所需的屬性？我需要從選定的選項 –

中獲取它，我試圖通過使用需求計算器將產品添加到購物車。所以基本上我需要sku來下注，這樣才能添加正確的產品 –

在繼續解決之前，我可以理解您對JavaScript有基本的零知識。確保您瞭解JavaScript語法如何工作，然後繼續。

要獲得所選擇的選項使用此代碼：

selectedIndex變量現在應該包括當前選定的索引。（1,2,3 ...等）

所以，你可以這樣做：
if(selectedIndex==1){/* some code */}

現在，讓SKU屬性（因爲您的確認使用jquery），你可以這樣做：
$("#required_tracks_id").attr("sku");

請確保您檢查.attr的使用情況並將其編輯爲您的需要。

來源

2017-08-20 13:15:33 Konstantinos

根據選定的選項設置輸入屬性

回答

相關問題