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

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

英姿勃勃的墨镜 · 【学习笔记】matlab中 ...· 1 年前 ·

长情的啤酒 · 彻底明白 JS 线程 - 简书· 1 年前 ·

安静的墨镜 · Python字符串操作 - 编程狂热者 - 博客园· 1 年前 ·

无邪的硬盘 · Excel跨工作簿引用数据公式怎样写，不打开 ...· 1 年前 ·

胆小的打火机 · 如何使一个按钮变灰？· 2 年前 ·

<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()

推荐文章

英姿勃勃的墨镜 · 【学习笔记】matlab中 pushbutton的buttondownfcn和callback函数有什么区别？_rzwangyu的博客-CSDN博客

1 年前

长情的啤酒 · 彻底明白 JS 线程 - 简书

1 年前

安静的墨镜 · Python字符串操作 - 编程狂热者 - 博客园

1 年前

无邪的硬盘 · Excel跨工作簿引用数据公式怎样写，不打开文件，也可查询可比较|工作表|考核表_网易订阅

1 年前

胆小的打火机 · 如何使一个按钮变灰？

2 年前

问 下拉选项和操作

回答 2

Stack Overflow用户

Stack Overflow用户