javascript - 如何冻结select

问题描述

问 题

<select id="sel">
<option value="0" >苹果</option>
<option value="1">梨</option>
<option value="2">香蕉</option>
</select>

我想实现：当鼠标选择了一次 option之后，select处于冻结状态，不能再选了，
执行完成语句后，取消冻结。
    function start(){
    obj=document.getElementById("sel");
    sid =obj.selectedIndex;
    v=obj.options[sid].text;
    if (v=="苹果"){
        开始冻结select下拉框
        doing something;
        结束冻结；
        ;}

   }       
   
   请问，如何用代码实现？

解决方案

添加disabled='disabled'

<select disabled="disabled">
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<script>

document.getElementById("yourselectElementId").disabled=true;

</script>

//你的代码里加上类似这段
if (v=="苹果"){
        document.getElementById("sel").disabled=true;
        doing something;
        document.getElementById("sel").disabled=false;
        ;}

这篇关于javascript - 如何冻结select的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！