如何打开div从jQuery中的下拉列表中选择一个值

路西法

我需要一个应用程序,其中有一个下拉菜单,其中有一些值,并且我的要求是,当我单击该下拉菜单上的任何值时,一个div将打开。我已经实现了,但是我的代码无法正常工作。到目前为止已经做了。

<div class="form-control">
        <label class="lebelMergin" for="branch_branchTypeId">
            <span class="spanMergin">Office Type<span class="required">*</span></span>
            <s:select name="branch.branchTypeId"  id="branch_branchTypeId" requiredLabel="true" list="%{dataArr['branchTypeList']}" listValue="name"
            listKey="id" headerKey="" headerValue="Select Type" >           
            </s:select>
        </label>                
    </div>

  <div style='display:none;' id='business'>Business Name
    <br/>&nbsp;
    <br/>&nbsp;
    <input type='text' class='text' name='business' value size='20' />
    <br/>
    </div> 

<style>
#business {
 display:none;
  }

  </style>


<script>
(function() {

$('#branch_branchTypeId').on('change', function () {
$("#business").css('display', (this.value == '1') ? 'block' : 'none');
});

但是当我在下拉列表中只单击一个值时,输入框就要来了,但是我想要所有值的功能。在这里,我要附加屏幕...对于HO输入框来了,但对于其他输入框不是。 在此处输入图片说明

草原狐狸

您的选择(下拉)中有哪些“选项”标签?可能这会有所帮助:

$('#branch_branchTypeId').on('change', function (event) {
    var vl = $(this).val();
    var target = $("#business");
    if (vl) {
        target.show();
    } else {
        target.hide();
    }
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从下拉列表中选择一个元素从其他下拉列表中删除JQuery

来自分类Dev

从下拉列表中选择一个值

来自分类Dev

从硒中的下拉列表中选择一个项目

来自分类Dev

如何使用Selenium从下拉列表中选择一个值?

来自分类Dev

如何使用xpath在特定行的下拉列表中选择一个值?

来自分类Dev

Selenium WebDriver:如何在跨度下拉列表中选择一个值?

来自分类Dev

一旦使用MVC 4 jQuery和AJAX从第一个下拉列表中选择一个值,如何显示项目表

来自分类Dev

如何使用Zend Form中的JQuery从第一个下拉选择中的下拉菜单中选择第二个值

来自分类Dev

通过在ii 2中选择一个下拉列表来更新textinput值

来自分类Dev

从另一个下拉列表中选择值时,在Deropdown中获取值

来自分类Dev

不允许在 Angular 中选择下拉列表中的另一个值

来自分类Dev

如何基于使用ajax从另一个下拉列表中选择的值来更改下拉列表中的选项?

来自分类Dev

根据从其他下拉列表中选择的值填充一个下拉列表

来自分类Dev

在一个选择下拉列表中禁用选项值,具体取决于在另一个选择列表中选择的值

来自分类Dev

从下拉列表中选择一个值以在php中显示另一个下拉值中的值

来自分类Dev

如何从下拉数组中的元素数组中选择一个值

来自分类Dev

在另一个下拉列表中选择该下拉列表中的项目

来自分类Dev

从另一个下拉列表中选择一个值后填充下拉列表

来自分类Dev

从另一个下拉列表中选择一个值后填充下拉列表

来自分类Dev

选择一个后如何立即使用HTML下拉列表“选择”中的值?

来自分类Dev

Terraform:如何从列表中的嵌套地图列表中选择一个值?

来自分类Dev

jQuery-选择一个下拉值,该值将从另一个下拉列表中删除一个值

来自分类Dev

jQuery-选择一个下拉值,该值将从另一个下拉列表中删除一个值

来自分类Dev

如何从字典的列表中选择一个值?

来自分类Dev

如何从列表中选择一个值窗口?

来自分类Dev

如何使用selenium webdriver java从城市字段的GoIbibo中的自动选择下拉列表中选择一个元素

来自分类Dev

如何使用jquery基于另一个下拉列表的选择更改下拉列表的值

来自分类Dev

如何在表中的一个下拉列表中填充未选择的值?

来自分类Dev

mysql从三个下拉选项列表中选择值,并在一个单元格中插入一个值dd / mm / yyyy

Related 相关文章

  1. 1

    从下拉列表中选择一个元素从其他下拉列表中删除JQuery

  2. 2

    从下拉列表中选择一个值

  3. 3

    从硒中的下拉列表中选择一个项目

  4. 4

    如何使用Selenium从下拉列表中选择一个值?

  5. 5

    如何使用xpath在特定行的下拉列表中选择一个值?

  6. 6

    Selenium WebDriver:如何在跨度下拉列表中选择一个值?

  7. 7

    一旦使用MVC 4 jQuery和AJAX从第一个下拉列表中选择一个值,如何显示项目表

  8. 8

    如何使用Zend Form中的JQuery从第一个下拉选择中的下拉菜单中选择第二个值

  9. 9

    通过在ii 2中选择一个下拉列表来更新textinput值

  10. 10

    从另一个下拉列表中选择值时,在Deropdown中获取值

  11. 11

    不允许在 Angular 中选择下拉列表中的另一个值

  12. 12

    如何基于使用ajax从另一个下拉列表中选择的值来更改下拉列表中的选项?

  13. 13

    根据从其他下拉列表中选择的值填充一个下拉列表

  14. 14

    在一个选择下拉列表中禁用选项值,具体取决于在另一个选择列表中选择的值

  15. 15

    从下拉列表中选择一个值以在php中显示另一个下拉值中的值

  16. 16

    如何从下拉数组中的元素数组中选择一个值

  17. 17

    在另一个下拉列表中选择该下拉列表中的项目

  18. 18

    从另一个下拉列表中选择一个值后填充下拉列表

  19. 19

    从另一个下拉列表中选择一个值后填充下拉列表

  20. 20

    选择一个后如何立即使用HTML下拉列表“选择”中的值?

  21. 21

    Terraform:如何从列表中的嵌套地图列表中选择一个值?

  22. 22

    jQuery-选择一个下拉值,该值将从另一个下拉列表中删除一个值

  23. 23

    jQuery-选择一个下拉值,该值将从另一个下拉列表中删除一个值

  24. 24

    如何从字典的列表中选择一个值?

  25. 25

    如何从列表中选择一个值窗口?

  26. 26

    如何使用selenium webdriver java从城市字段的GoIbibo中的自动选择下拉列表中选择一个元素

  27. 27

    如何使用jquery基于另一个下拉列表的选择更改下拉列表的值

  28. 28

    如何在表中的一个下拉列表中填充未选择的值?

  29. 29

    mysql从三个下拉选项列表中选择值,并在一个单元格中插入一个值dd / mm / yyyy

热门标签

归档