文本框进入下拉列表

Textbox into drop-down

提问人:1926JB55 Soundarya.S 提问时间:9/26/2023 更新时间:9/28/2023 访问量:30

问:

在我的代码中,我有下拉列表和文本框,现在的问题是我想隐藏文本框并使用相同的功能进行下拉列表,而不是更改后端,还有其他方法(asp.net)。

在我的代码中,我有下拉列表和文本框现在问题是我想隐藏文本框并使用相同的功能进行下拉列表,而不是更改后端,还有其他方法可以(在 asp.net 中)但文本框的功能相同

javascript html jquery css asp.net

评论


答:

0赞 Farhad Enayati 9/28/2023 #1

若要隐藏文本框并使用与下拉列表相同的功能,而不是更改后端,可以使用 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;">

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