怎么根据下拉框的name属性来禁用下拉框

您可以使用以下代码来禁用下拉框：

document.getElementsByName("dropdown_name")[0].disabled = true;

这里，假设您的下拉框的name属性为“dropdown_name”。请注意，如果有多个具有相同名称的元素，则应该使用索引（[0]）以标识您要禁用的特定下拉框。

相关问题

layui下拉框禁用置灰

在Layui中，如果要禁用下拉框并将其置灰，可以使用disabled属性。使用disabled属性后，虽然下拉框被禁用，但仍然可以进行输入操作。如果你希望下拉框在禁用后不能输入，可以去掉元素中的lay-search属性。具体的实现方法如下：

引用:layui使用disabled禁用下拉框生效后但是还是可以输入 只要将元素中的lay-search="" 去掉就不能输入了。

引用:禁用：

<select name="id" disabled lay-filter="industry">
    ...
</select>

layui.use('form', function(){
    var form = layui.form;
    $("#id").attr("disabled","disabled");
    form.render('select');
});

启用：

$("#id").removeAttr("disabled");
form.render('select');

通过设置disabled属性为disabled，可以禁用下拉框，并且使用form.render('select')方法来渲染下拉框。如果要启用下拉框，可以使用removeAttr("disabled")方法来移除disabled属性。

有个select下拉框的数据如下如下:list:[{id:1,name:123},{id:2,name:234},{id:3,name:345}],现在要求当我选择123的时候，其他的选项禁用，当我选择除了123的其他选项的时候123禁用，请用js或者vue来实现

你可以使用JavaScript或Vue.js来实现这个需求。下面我将分别给出两种实现方式。

使用JavaScript实现：

<select id="mySelect">
  <option value="">请选择</option>
  <option value="1">123</option>
  <option value="2">234</option>
  <option value="3">345</option>
</select>

<script>
  var selectElement = document.getElementById("mySelect");
  
  selectElement.addEventListener("change", function() {
    var selectedValue = selectElement.value;
    
    var options = selectElement.getElementsByTagName("option");
    for (var i = 0; i < options.length; i++) {
      if (options[i].value !== selectedValue) {
        options[i].disabled = (selectedValue !== "" && options[i].value === "1");
      }
    }
  });
</script>

使用Vue.js实现：

<template>
  <select v-model="selectedOption">
    <option value="">请选择</option>
    <option v-for="option in options" :value="option.id" :disabled="isDisabled(option.id)">{{ option.name }}</option>
  </select>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: "",
      options: [
        { id: 1, name: "123" },
        { id: 2, name: "234" },
        { id: 3, name: "345" }
      ]
    };
  },
  methods: {
    isDisabled(id) {
      return (this.selectedOption !== "" && id === 1) || (this.selectedOption === "" && id === 2);
    }
  }
};
</script>

这两种方式都可以实现当选择"123"时禁用其他选项，选择其他选项时禁用"123"。你可以根据自己的需求选择其中一种方式来实现。