Javascript 从脚本添加的输入框中获取值

Javascript 从脚本添加的输入框中获取值,javascript,php,jquery,html,post,Javascript,Php,Jquery,Html,Post,如果你能看到的话会更好。在我的网站上 有一个输入框,用户在其中输入用户名。在菜单中有一个区域,用户在那个里选择他的区域,他在那个里玩。当他选择他的区域时,表单中有新的隐藏输入和您的区域 我有一个PHP文件,我用$\u POST保存了他的用户名,但它对region不起作用。这是我的代码,我不知道如何用$\u POST保存我的区域 这里是HTML <form method="post" action="lol.php" id="form"> <ul>

如果你能看到的话会更好。在我的网站上

有一个输入框,用户在其中输入用户名。在菜单中有一个区域,用户在那个里选择他的区域,他在那个里玩。当他选择他的区域时,表单中有新的隐藏输入和您的区域

我有一个PHP文件,我用$\u POST保存了他的用户名,但它对region不起作用。这是我的代码,我不知道如何用$\u POST保存我的区域

这里是HTML

<form method="post" action="lol.php" id="form">
    <ul>
        <li class="field">
            <input class="input" type="text" autocomplete="off" placeholder="Write a summoner name" name="summonerName" id="summonerName"/>
            <a id="formSubmit"><i class="icon-search"></i></a>
            <input type="hidden" name="hiddenInput" class="hiddenRegion"></input>
        </li>
    </ul>
</form>

当我使用echo打印$region时,它只返回空白字符串,您正在设置输入控制值,而不是html。为了设置或获取输入控制值,应该使用

它应该是$'.hiddenRegion'.valvalue

而不是$'.hiddenRegion'.htmlvalue

并获得价值

 $('.hiddenRegion').val()

您正在设置输入控制值,而不是html。为了设置或获取输入控制值,应该使用

它应该是$'.hiddenRegion'.valvalue

而不是$'.hiddenRegion'.htmlvalue

并获得价值

 $('.hiddenRegion').val()

你还有另一个问题。每次在单击“搜索”之前选择区域时,隐藏的输入都会生成一个新的输入

<li class="field">
   <input class="input" type="text" autocomplete="off" placeholder="Write a summoner name" name="summonerName" id="summonerName">
  <a onclick="$('#form').submit();"><i class="icon-search" style="top: -9%;"></i></a>
</li>

<input type="hidden" class="hiddenRegion" name="hiddenRegion" style="display: none;"></input>
<input type="hidden" class="hiddenRegion" name="hiddenRegion" style="display: none;"></input>
<input type="hidden" class="hiddenRegion" name="hiddenRegion" style="display: none;"></input>

你还有另一个问题。每次在单击“搜索”之前选择区域时,隐藏的输入都会生成一个新的输入

<li class="field">
   <input class="input" type="text" autocomplete="off" placeholder="Write a summoner name" name="summonerName" id="summonerName">
  <a onclick="$('#form').submit();"><i class="icon-search" style="top: -9%;"></i></a>
</li>

<input type="hidden" class="hiddenRegion" name="hiddenRegion" style="display: none;"></input>
<input type="hidden" class="hiddenRegion" name="hiddenRegion" style="display: none;"></input>
<input type="hidden" class="hiddenRegion" name="hiddenRegion" style="display: none;"></input>
输入标记的末尾永远不会有,您可以在JavaScript中使用.value属性或在JQuery中使用.val方法获取并设置其值

因此,这应该可以解决您的问题:

$('.Value').click(function(e){
    var value = $(e.target).text();
    $('.hiddenRegion').val(value);
});
输入标记的末尾永远不会有,您可以在JavaScript中使用.value属性或在JQuery中使用.val方法获取并设置其值

因此,这应该可以解决您的问题:

$('.Value').click(function(e){
    var value = $(e.target).text();
    $('.hiddenRegion').val(value);
});

尝试打印\r$\u POST以查看POST中的所有内容。如果没有关于区域的任何信息,请在chrome inspector中检查表单,查看hiddenInput是否使用表单中的正确值进行了更新,例如为什么要将输入的内部html作为值?如果要存储该值,则需要执行类似$'.hiddenRegion.valvalvalue;另外,示例集中的.Value在哪里?我看不到任何东西,这让我想知道点击功能是否真的被激活了。试着打印\u r$\u POST以查看POST中的所有内容。如果没有关于区域的任何信息,请在chrome inspector中检查表单,查看hiddenInput是否使用表单中的正确值进行了更新,例如为什么要将输入的内部html作为值?如果要存储该值,则需要执行类似$'.hiddenRegion.valvalvalue;另外,示例集中的.Value在哪里?我看不到任何东西,这让我想知道点击功能是否真的被激活了。你看不到完整的代码。我有一个条件,如果.hiddenRegion.length>1,那么它会删除最后一个孩子:啊哈,好吧,我的错:我知道,这是个糟糕的解决方案,但对我的技能来说最好的办法是你看不到完整的代码。我有一个条件,如果.hiddenRegion.length>1,它会删除最后一个孩子:啊哈,好吧,我的错:我知道,这是一个糟糕的解决方案,但对我在这个世界上的技能展示来说,我可能是如此的盲目。非常感谢你我怎么会这么瞎。多谢各位