Question

我被困在最后一点，我有一个列表，当点击一个表格提交。我不明白的是如何获得被点击的项目的价值。

我如何回应它或将其放入变量中使用？或者有更好的方法来实现这一切吗？

<head>
<script type="text/javascript" language="javascript">
function submit(target) {
    document.forms['myform'].elements['target'].value = target;
    document.myform.submit();
    }

    </script>


    </head>

    <body>


    <form name="myform" method="post">
    <li><a href="#" onclick="submit('A');">A</a></li>
    <li><a href="#" onclick="submit('B');">B</a></li>
    <li><a href="#" onclick="submit('C');">C</a></li>
    <input name="target" type="hidden" value=""/>
    </form>
    </body>

好的我用jquery尝试了以下内容。这似乎有效，因为它提供了我需要的警报。它似乎没有刷新页面 - 我需要选择值，以便我可以在页面中的查询中使用它。如何刷新页面并将值放入变量？

<script type='text/javascript'>//<![CDATA[ 
$(document).ready(function(){
        $(".inter li").bind(
        "click", function(){
            alert($(this).children("a").text());
        });
    });

</head>
<body>

 <div class="inter">
  <p>Liste des Produits</p>
  <ul>
      <li><a href="#1">P1</a></li>
      <li><a href="#2">P2</a></li>
      <li><a href="#3">P3</a></li>
  </ul>
</div>



</body>

Answer 1

最好不使用javascript使用它，并使用单选按钮。如果你必须使用javascript尝试jquery。

Answer 2

如果您接受select-box，这段HTML就可以解决您的问题：

<form name="myform" method="post">
    <select name="yourSelect">
      <option value="A">element 1</option>
      <option value="B">element 2</option>
      <option value="C">element 3</option>
    </select>
    <input type="submit" value="Submit"/>
</form>

您也可以使用相同输出的radio-buttons：

<form name="myform" method="post">
    <input type="radio" name="yourSelect" value="A"> element 1<br>
    <input type="radio" name="yourSelect" value="B"> element 2<br>
    <input type="radio" name="yourSelect" value="C"> element 3
    <input type="submit" value="Submit"/>
</form>

Answer 3

如果你不介意select标签，那么这是一个更好的方法：

HTML

<form method="post">
    <select name="list">
      <option value="">Select a value...</option>
      <option value="A">A</option>
      <option value="B">B</option>
      <option value="C">C</option>
    </select>

    <input name="submit" type="submit" value="Send" />
</form>

PHP

// If the "submit" button is clicked
if (isset($_POST['submit'])) {
    // If $_POST['list'] is not empty
    if (!empty($_POST['list'])) {
        echo 'Selected list element: ' . $_POST['list'];
    } else {
        echo "You haven't selected an item!";
    }
}

enter image description here

PHP LI表单发布并返回值

3 个答案:

HTML

PHP