Javascript PHP使用Select Value设置变量

我在Wordpress工作

在posts页面中，我有一个值的下拉列表：

<select name='imagesize'>
<option value='200x200'>200 x 200</option>
<option value='300x300'>300 x 300</option>
<option value='400x400'>400 x 400</option>
<option value='500x500'>500 x 500</option>
</select>

200 x 200
300 x 300
400 x 400
500 x 500

我有一个按钮：

<a class="button" href="http://www.example.com/???">Click</a>

当用户点击按钮时，我想用列表中当前选择的值替换“？”

你知道我该怎么做吗？阿贾克斯

---

提前感谢。

您应该使用表单提交按钮提交表单。如果使用链接，则需要先运行一些javascript来动态修改链接以附加信息

<form action="yourPHP.php" method="post">

<select name='imagesize'>
<option value='200x200'>200 x 200
<option value='300x300'>300 x 300
<option value='400x400'>400 x 400
<option value='500x500'>500 x 500
</select>

<input type="submit">

</form>

200 x 200
300 x 300
400 x 400
500 x 500

然后在PHP代码中，通过以下方式访问：

<?php
    $yourImageSize="";
    if(isset($_POST["imagesize"]))
    {
        $yourImageSize=$_POST["imagesize"];
    }
    echo "Your image size is: ".$yourImageSize."<br>";
?>

200 x 200
300 x 300
400 x 400
500 x 500

您应该在元素之前添加一些javascript：

<script type="text/javascript">
    $("#imagesize").change(function(){
        $("#click_btn").attr("href","http://www.example.com/"+$("#imagesize").val())；
    });
</script>

$（“#图像大小”）.change（函数（）{
$（“#单击“_btn”）.attr（“href”，”http://www.example.com/“+$（“#imagesize”）.val（））
});

您不需要PHP，您需要JavaScript/jQuery更改select onChange事件上的href值。不依赖Javascript（或者jQuery！），这是更好的解决方案。次要的一点，但我会通过

method=“get”

传递值，然后在PHP代码中引用

$\u get

——但我承认这在很大程度上只是一种风格。

<script type="text/javascript">
    $("#imagesize").change(function(){
        $("#click_btn").attr("href","http://www.example.com/"+$("#imagesize").val())；
    });
</script>