Question

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

有输入框，用户可以在其中输入用户名。菜单中是 region ，用户可以选择他所在的区域。当他选择他的地区时，表格是您所在地区的新隐藏输入。

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

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

3 个答案: