如何使用php从下拉菜单中获取所选项目的值

Question

我有一点问题。 如果您按顺序选择相同的值（或者如果在提交按钮上单击两次），则不会发生任何事情。 但是，如果您从下拉列表中更改项目，那么它的工作正常。 变量“var value = $（this）.data（”value“）;”的值 如果您不从列表中选择其他项目，则不会更改。 为什么我要更改值，因为此变量值从数据库获取行。 我已经尝试过change（）函数而没有任何成功。

      <div class="col-md-6 center">
    <H2>Macig Box</H2>
    Please Select Nummer Of Match.
    <form id="myform" method="get">
    <div class="dropdown">
        <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true">
            Succes
            <span class="caret"></span>
        </button>

        <input type="hidden" id="selectedNummer" name="selectedNummer" />
        <ul class="dropdown-menu myCustomDropMenu" aria-labelledby="dropdownMenu1" onchange="change()" >

            <li><a href="#" data-value="1">1</a></li>
            <li><a href="#" data-value="2">2</a></li>
            <li><a href="#" data-value="3">3</a></li>
            <li><a href="#" data-value="4">4</a></li>
            <li><a href="#" data-value="5">5</a></li>
            <li><a href="#" data-value="6">6</a></li>
            <li><a href="#" data-value="7">7</a></li>
            <li><a href="#" data-value="8">8</a></li>

        </ul>
    </div>
        <input type="submit" value="Send">
</form>

        <script>
       $('.myCustomDropMenu li a').click(function(e){
     var value=$(this).data("value");
var selText = $(this).text();
$(this).parents('.dropdown').find('.dropdown-toggle').html(selText+'<span class="caret"></span>');
     $('#selectedNummer').val(value);
});
     </script>
     <script>
function change(){
    document.getElementById("myform").submit();
}
</script>

有人可以帮我归档这个目标。 谢谢。

Answer 1

您已使用jQuery将所选值从Dropdown设置为输入字段。

你可以做的是，把一个click触发的<a>下拉菜单，并click一个的<a>从下拉菜单中设置相应的值selectedNummer输入。

如果页面上有多个dropDownMenus，您可以将自定义类添加到dropDown菜单以放置特定的click触发器。

所以你的HTML看起来像这样。

<div class="col-md-6 pull-right">
    <H2>Macig Box</H2>
    Please Select Nummer Of Match.
    <div class="dropdown">
        <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true">
            Succes
            <span class="caret"></span>
        </button>

        <input type="hidden" id="selectedNummer" name="selectedNummer" />
        <ul class="dropdown-menu myCustomDropMenu" aria-labelledby="dropdownMenu1">
            <li><a href="#" data-value="1">1</a></li>
            <li><a href="#" data-value="2">2</a></li>
            <li><a href="#" data-value="3">3</a></li>
            <li><a href="#" data-value="4">4</a></li>
            <li><a href="#" data-value="5">5</a></li>
            <li><a href="#" data-value="6">6</a></li>
            <li><a href="#" data-value="7">7</a></li>
            <li><a href="#" data-value="8">8</a></li>
        </ul>
    </div>

并将值设置为selectedNummer输入，JS就是

$('.myCustomDropMenu li a').click(function(e){
     var value=$(this).data("value");
     $('#selectedNummer').val(value);
});

现在，当您使用POST或GET方法提交表单时，可以使用$_POST['selectedNummer']或$_GET['selectedNummer']访问该值，并使用该值为PHP变量赋值。

//e.g.
$variableValue=$_POST['selectedNummer'];
// OR
$variableValue=$_GET['selectedNummer'];

使用jsFiddle设置输入值： https ：//jsfiddle.net/1dLoqe44/