下拉选项和操作开发者社区

相关文章推荐

刚分手的钱包 · Flask动态表单：Quiz信息无法存入SQ ...· 2 月前 ·

任性的冰淇淋 · 被漫画行业抛弃的《幽冥诡匠》，居然还活着 ...· 11 月前 ·

博学的仙人掌 · 星爵 - 爱奇艺百科· 11 月前 ·

求醉的冲锋衣 · 上海机场(集团)有限公司· 1 年前 ·

冷冷的汉堡包 · Typescript:依赖于同一对象中另一个 ...· 1 年前 ·

骑白马的毛衣 · 基类派生类类的继承与约束、python ...· 1 年前 ·

<select id="dropdown">
    <option value="A">option1</option>
    <option value="B">option2</option>
    <option value="C">option3</option>
    <option value="D">option4</option>
</select>

<select id="dropdown">
    <option value="A" data-number="1">option1</option>
    <option value="B" data-number="2">option2</option>
    <option value="C" data-number="3">option3</option>
    <option value="D" data-number="4">option4</option>
</select>
<div id="textBoxContainer">
</div>

$('#dropdown').change(function(){
    $('#textBoxContainer').empty();
    var number = $(this).find('option:selected').attr('data-number');
    for (var i = 0; i < number; i++){
          $('#textBoxContainer').append('<input type="text"/>');
});

<select id="dropdown" onChange="showHide()">
    <option value="A">option1</option>
    <option value="B">option2</option>
    <option value="C">option3</option>
    <option value="D">option4</option>
</select>
 function showHide()
   hideAll();
  var val = document.getElementById("dropdown").value;
  if(val == "A")
   document.getElementById("firstTextBoxId").style.display = 'block';
  else if(val == "B")
   document.getElementById("secondTextBoxId").style.display = 'block';
  else if(val == "C")
   document.getElementById("ThirdTextBoxId").style.display = 'block';
  else if(val == "D")
   document.getElementById("FourthTextBoxId").style.display = 'block';
function hideAll()

推荐文章

刚分手的钱包 · Flask动态表单：Quiz信息无法存入SQLite数据库，求排查

2 月前

任性的冰淇淋 · 被漫画行业抛弃的《幽冥诡匠》，居然还活着 - ACGx的动态 - TapTap

11 月前

博学的仙人掌 · 星爵 - 爱奇艺百科

11 月前

求醉的冲锋衣 · 上海机场(集团)有限公司

1 年前

冷冷的汉堡包 · Typescript:依赖于同一对象中另一个属性的属性类型-腾讯云开发者社区-腾讯云

1 年前

骑白马的毛衣 · 基类派生类类的继承与约束、python 项目架构逻辑设计 - fanggege - 博客园

1 年前

问 下拉选项和操作

回答 2

Stack Overflow用户

Stack Overflow用户