javascript 文本框转换为下拉列表

jc3wubiy  于 2023-09-29  发布在  Java
关注(0)|答案(1)|浏览(131)

在我的代码中,我有下拉和文本框现在的问题是,我想隐藏文本框,并使用相同的功能下拉,而不是改变后端有任何其他方式做(在asp.net)。
在我的代码中,我有下拉和文本框现在的问题是,我想隐藏文本框,并使用相同的功能下拉,而不是改变后端有任何其他方式做(在asp.net)。但相同的功能的文本框

2ekbmq32

2ekbmq321#

要隐藏文本框并使用与下拉列表相同的功能,而不是更改后端,您可以使用JavaScript或jQuery。下面是一个使用jQuery的例子:

$(document).ready(function() {
  $('#myDropdown').change(function() {
    if ($(this).val() == 'Dropdown Option 1') {
      $('#myTextbox').hide();
    } else {
      $('#myTextbox').show();
    }
  });
});
</script>

<select id="myDropdown">
  <option value="Dropdown Option 1">Dropdown Option 1</option>
  <option value="Dropdown Option 2">Dropdown Option 2</option>
</select>

<input type="text" id="myTextbox" style="display: none;">

在此示例中,通过更改myDropdown字段,将隐藏或显示myTextbox字段。

相关问题