根据选择的选项设置输入属性

时间:2017-08-20 12:59:51

标签: javascript

大家好,所以我此刻有点失落。我试图根据所选选项设置输入字段的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设置为设定值。

1 个答案:

答案 0 :(得分:0)

在继续使用该解决方案之前,我可以理解您对JavaScript的基本知识是零知识。确保您了解JavaScript语法的工作原理然后继续。

要获取所选选项,请使用以下代码:

var e = document.getElementById("track_type_selected"); var selectedIndex = e.options[e.selectedIndex].value;

selectedIndex变量现在应该包含当前选定的索引。 (1,2,3 ..等)

所以你可以这样做:
if(selectedIndex==1){/* some code */}

现在,要获得sku属性(因为您确认使用了jquery),您可以这样做:
$("#required_tracks_id").attr("sku");

确保检查.attr使用情况并根据需要进行编辑。