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

Question

如果您能看到它，那就更好了。 在我的网站Loloid

有一个输入框，用户可以在其中输入用户名。 在菜单中是区域 ，用户在那里选择他所在的区域，然后在该区域中播放。 当他选择自己的地区时，形式上就是您所在地区的新隐藏输入。

我有PHP文件，在这里我用$ _POST保存他的用户名，但不适用于区域。 这是我的代码，我不知道如何使用$ _POST保存我的区域

//.Value are classes for regions   
    $('.Value').click(function(e){
        var value = $(e.target).text();
        $('.hiddenRegion').html(value);
    });

这是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>

和PHP

$region = $_POST['hiddenInput'];

当我用echo打印$ region时，它只返回空白字符串

Answer 1

输入标签的末尾永远不会有</input> ，您可以使用.value属性在JavaScript中或在JQuery的.val方法中获取并设置其值。

因此，这应该可以解决您的问题：

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

Answer 2

您正在设置输入控制值而不是html。为了设置或获取输入控制值，应使用val（）

应该是$('.hiddenRegion').val(value);

而不是$('.hiddenRegion').html(value);

并获得价值

 $('.hiddenRegion').val()

Answer 3

您还有另一个问题。 每当您单击搜索之前选择一个区域时，隐藏的输入都会生成一个新的输入。

<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>