Javascript到空白文本框值将不起作用,但jquery可以

用户名

我在页面中有一个更新面板,供用户为事件指定“所有者”。该所有者将是我们活动目录中的用户。该面板允许用户输入一些文本,然后单击搜索按钮以在我们的Active Directory中查找匹配的用户。当用户从匹配列表中选择一个用户时,将填充所有者的名称和用户名。用户名保持隐藏状态,因为用户不需要看到该用户名。所有这些都很好

我的问题是,我有一个事件处理程序,只要更改所有者名称的文本,就会触发该事件处理程序,如果用户更改了所有者名称,我想清空所有者的用户名,直到用户真正显示匹配列表并选择一个有效的入口。

我的问题是,当我尝试使用Javascript访问隐藏的文本框的值时,我不能,但是当我尝试使用jquery等效代码时,它就可以正常工作。为什么?

这是我的HTML

<asp:UpdatePanel ID="OwnerUpdatePanel" runat="server" UpdateMode="Conditional" ClientIDMode="Static">
    <ContentTemplate>
        <asp:TextBox id="OwnerNameTextbox" runat="server" class="form-control input-sm" Width="200"/>
        <asp:TextBox id="OwnerUsernameTextbox" runat="server" class="hidden"/>
        <asp:LinkButton class="btn btn-default btn-sm StopClickPropagation" id="GetOwners" AutoPostBack="True" runat="server" OnClientClick="CheckLength()" OnClick="GetMatchingOwners">
            <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
        </asp:LinkButton>
        <asp:ListBox id="OwnersList" runat="server" AutoPostBack="True" class="dropdown-list" onblur='$(".dropdown-list").hide();' OnSelectedIndexChanged="OwnerSelectionChanged">
        </asp:ListBox>
        <p>
    </ContentTemplate>
</asp:UpdatePanel>

这是我的ownernametextbox change事件处理程序

    function OwnerNameTextChanged() {
        document.getElementById("OwnerUpdatePanel").childNodes[1].value = "";
    }

这将我的OwnerNameTextBox设置为空白,这不是我想要的。我想将OwnerUsernameTextbox设置为空白。但是,当我将childNodes的下标更改为2时,什么都没有改变(用警告检查childNodes [2]的值,结果是“未定义”)。但是,如果我尝试使用jQuery:

$("#OwnerUpdatePanel").children(":nth-child(2)").val("");

很好。为什么jquery子选择有效,而javascript无效?

尼基尔·阿格瓦尔(Nikhil Aggarwal)

由于textNode也是childNode,因此您需要尝试

document.getElementById("OwnerUpdatePanel").childNodes[3].value = "";
<div id="OwnerUpdatePanel">      
  <input type="text" id="OwnerNameTextbox" value="name">
  <input type="text" id="OwnerUsernameTextbox" value="user">
</div>

删除标签之间的间距(摆脱一个子节点)

document.getElementById("OwnerUpdatePanel").childNodes[2].value = "";
<div id="OwnerUpdatePanel">      
  <input type="text" id="OwnerNameTextbox" value="name"><input type="text" id="OwnerUsernameTextbox" value="user">
</div>

根据文档-childNodes还包括例如文本节点和注释。要跳过它们,请使用children

document.getElementById("OwnerUpdatePanel").children[1].value = "";
    <div id="OwnerUpdatePanel">      
      <input type="text" id="OwnerNameTextbox" value="name">
      <input type="text" id="OwnerUsernameTextbox" value="user">
    </div>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

数据绑定到文本框不起作用

来自分类Dev

数据绑定到文本框不起作用

来自分类Dev

更改文本框的值不起作用

来自分类Dev

输入文本框的jQuery悬停事件不起作用

来自分类Dev

获取空白文本框的数量

来自分类Dev

突出显示空白文本框

来自分类Dev

获取空白文本框的数量

来自分类Dev

使文本框数组不起作用

来自分类Dev

将文本框绑定到列表框SelectedItem不起作用

来自分类Dev

类型文本后,innerHTML文本框不起作用

来自分类Dev

WPF绑定(使用触发器)从文本框到标签不起作用

来自分类Dev

文本框模式DateTimeLocal部署到IIS时不起作用

来自分类Dev

jQuery日期选择器显示空白文本框

来自分类Dev

在asp.net mvc中更新文本框值的脚本不起作用

来自分类Dev

如何在文本框中获取数组值不起作用

来自分类Dev

使用val(value)设置文本框的值不起作用

来自分类Dev

文本框与布尔值的绑定可见性不起作用

来自分类Dev

在输入上更新输入文本框的数据值不起作用

来自分类Dev

Play框架:如何验证空白文本框

来自分类Dev

jQuery自动完成动态生成的文本框不起作用

来自分类Dev

jQuery函数仅允许文本框中的字母不起作用

来自分类Dev

当焦点位于文本框中时,单击时的jQuery不起作用

来自分类Dev

使用jQuery尝试更改文本框的背景颜色,但在wordpress中不起作用

来自分类Dev

jQuery自动完成动态生成的文本框不起作用

来自分类Dev

为什么Jquery对于asp.net文本框的CssClass属性不起作用?

来自分类Dev

使用jQuery尝试更改文本框的背景颜色,但在wordpress中不起作用

来自分类Dev

将文本框设置为只读在Javascript中不起作用

来自分类Dev

如果条件在 javascript 中不起作用,当从文本框调用时

来自分类Dev

动态添加文本框不起作用

Related 相关文章

  1. 1

    数据绑定到文本框不起作用

  2. 2

    数据绑定到文本框不起作用

  3. 3

    更改文本框的值不起作用

  4. 4

    输入文本框的jQuery悬停事件不起作用

  5. 5

    获取空白文本框的数量

  6. 6

    突出显示空白文本框

  7. 7

    获取空白文本框的数量

  8. 8

    使文本框数组不起作用

  9. 9

    将文本框绑定到列表框SelectedItem不起作用

  10. 10

    类型文本后,innerHTML文本框不起作用

  11. 11

    WPF绑定(使用触发器)从文本框到标签不起作用

  12. 12

    文本框模式DateTimeLocal部署到IIS时不起作用

  13. 13

    jQuery日期选择器显示空白文本框

  14. 14

    在asp.net mvc中更新文本框值的脚本不起作用

  15. 15

    如何在文本框中获取数组值不起作用

  16. 16

    使用val(value)设置文本框的值不起作用

  17. 17

    文本框与布尔值的绑定可见性不起作用

  18. 18

    在输入上更新输入文本框的数据值不起作用

  19. 19

    Play框架:如何验证空白文本框

  20. 20

    jQuery自动完成动态生成的文本框不起作用

  21. 21

    jQuery函数仅允许文本框中的字母不起作用

  22. 22

    当焦点位于文本框中时,单击时的jQuery不起作用

  23. 23

    使用jQuery尝试更改文本框的背景颜色,但在wordpress中不起作用

  24. 24

    jQuery自动完成动态生成的文本框不起作用

  25. 25

    为什么Jquery对于asp.net文本框的CssClass属性不起作用?

  26. 26

    使用jQuery尝试更改文本框的背景颜色,但在wordpress中不起作用

  27. 27

    将文本框设置为只读在Javascript中不起作用

  28. 28

    如果条件在 javascript 中不起作用,当从文本框调用时

  29. 29

    动态添加文本框不起作用

热门标签

归档