Question

我正在尝试触发一个更改事件，该事件显示下面所选项目的引用。所以我已经使变量跟踪.selectedIndex将其更改为数字并与具有所有引用的数组进行比较。当我再次选择Choissisez选项（=“选择”）时代码工作正常。我注意到如果我没有在if中返回，它会检查数组两次（用alert检查它）并将第二个值设置为undefined ......任何想法为什么？

以下是代码：

 <li id="mobileList" class="list-group-item">
 <select name="numbers" id="modele">
 <option value="42"/>One
 <option value="12"/>Two
 <option value="6"/>Three
 <option value="3">Four
</li>
 </select>
 <div class="clearfix"></div>
  </li>
<li class="list-group-item">
        <label class="col-md-4 duplicate-select">Référence :</label>
<span class="col-md-5" id="ref">                    </span>
            <div class="clearfix"></div>
            </li>
            <li class="list-group-item">
                <label class="col-md-4">IMEI :</label>
                <input type="text"/>
                <div class="clearfix"></div>
            </li>   
 <script>                   
var listeRef = [555, "AUT", 753,751,758,851,858,857,"AUT"]; 
var refResult = document.getElementById("ref");
var mobile = document.getElementById("modele");
var refLength = mobile.length;

mobile.addEventListener('change', function() {
var produitSelectioner = mobile.selectedIndex;
        for(var i=0; i < refLength; i++){

        if(i = produitSelectioner)
        {    

            var choix = listeRef[i];              
            refResult.innerHTML=choix;
           produitSelectioner= "cancel"; 
           return;                
        }
  }
}, false);
</script>

第一个元素上的Javascript onchange事件.selectedIndex不起作用

0 个答案: