Question

我有一个动态填充的下拉字段。根据用户从该下拉字段中的选择，我想在同一页面上显示一个表单中的其他字段。我是ui开发的新手，所以我不太了解jquery n的东西。有可能在普通的javascript中做到这一点吗？任何帮助表示赞赏。谢谢，阿伦

Answer 1

试试这个：

HTML：

<select id="sel" onchange="selectChanged"><option>1</option><option>2</option></select>
<div id="div0" style="display:none">This is div 1</div>
<div id="div1" style="display:none">This is div 2</div>

javascript：

function selectChanged(){
  activeOption = document.getElementById("sel").selectedIndex;
  document.getElementById("div"+activeOption).style.display = "block";
}

请注意，所选索引基于0。

Answer 2

添加代码，因为我在Google上找不到任何有意义的结果。

假设每个附加字段都有一个.extra类，并且它的ID等于选项值：

$('#myselect').change(function(){

  var targetField = '#' + $(this).val()

  // hide all other fields
  $('.extra').hide()
  // show the relevant one
  $(targetField).show()

})

根据下拉字段中的特定选择使表单可见

2 个答案: