获取select的值是通过name还是value还是option

获取select的值通常是通过选中的option的value属性来获取的。如果option没有设置value属性，那么会使用option的文本作为其value属性的值。在JavaScript中，可以通过获取select元素的selectedIndex属性来获取选中的option的索引值，然后再通过options数组获取该option元素，最后再获取该option元素的value属性即可获取select的值。另外，也可以直接通过获取select元素的value属性来获取选中的option的value属性值。

相关问题

layui form.on select获取选中的name和value

可以通过监听 layui 的 form 组件的 select 事件来获取选中的 name 和 value 值。具体代码如下：

form.on('select(selectId)', function(data){
  var name = data.elem[data.elem.selectedIndex].text;
  var value = data.value;
  console.log("选中的name为：" + name + "，选中的value为：" + value);
});

其中，`selectId` 为你的 select 组件的 id 属性值。在回调函数中，`data.elem` 代表当前 select 元素，`data.value` 代表选中的 value 值，使用 `data.elem.selectedIndex` 可以获取选中的 option 元素的下标，从而获取对应的 name 值。

<select name="leixing" > <option value="-1">请选择</option> <option value="0">增加</option> <option value="1">减少</option> </select>， <select name="fangshi"> <option value="-1">请选择</option> <option value="0">自建</option> <option value="1">投资</option> <option value="2">出租</option> </select>如何实现点击左边显示右边不同的内容

您可以使用 JavaScript 监听左边 select 的 onchange 事件，当左边 select 的值发生变化时，根据其选中的值动态生成右边 select 的 option。具体实现可以通过以下步骤：

1. 给左边的 select 添加 onchange 事件监听器，当 select 的值发生变化时触发事件。

2. 通过 JavaScript 获取左边 select 选中的值。

3. 根据左边 select 选中的值动态生成右边 select 的 option。

4. 将生成的 option 添加到右边 select 中。

代码示例：

HTML：

<select name="leixing" onchange="changeFangshi()">
  <option value="-1">请选择</option>
  <option value="0">增加</option>
  <option value="1">减少</option>
</select>

<select name="fangshi" id="select-fangshi">
  <option value="-1">请选择</option>
</select>

JavaScript：

function changeFangshi() {
  const leixingSelect = document.querySelector('select[name="leixing"]');
  const fangshiSelect = document.querySelector('#select-fangshi');
  const leixingValue = leixingSelect.value;

  // 清空右边 select 的 option
  fangshiSelect.innerHTML = '';

  if (leixingValue === '0') {
    // 如果左边 select 的值为 "增加"，则生成 2 个 option
    const options = [
      { value: '0', text: '自建' },
      { value: '1', text: '投资' },
    ];
    options.forEach(option => {
      const { value, text } = option;
      const optionElem = document.createElement('option');
      optionElem.value = value;
      optionElem.textContent = text;
      fangshiSelect.appendChild(optionElem);
    });
  } else if (leixingValue === '1') {
    // 如果左边 select 的值为 "减少"，则生成 1 个 option
    const optionElem = document.createElement('option');
    optionElem.value = '2';
    optionElem.textContent = '出租';
    fangshiSelect.appendChild(optionElem);
  }
}