使用 if-else 语句设置 JavaScript 变量，基于 $_POST 值

Question

我有一个包含单选按钮选项的表单，我想用它来指示一组变量的值。

单选按钮如下：

<table style="width:90%">
<tr><td><input type="radio" id="opt1" name ="selectOpt" value="option1"
checked="checked"/> Option 1</td><td><input type="radio" id="opt2" name ="selectOpt"
value="option2"/> Option 2</td></tr>
</table>

我能够回声单选按钮的值

<p id="selection">
<?php echo $_POST["selectOpt"];?></p>

所以我确信变量正在被继承。由于我将 $_POST 值传递给元素，以便用户看到选择了哪个值，因此我想我会使用元素 ID 来获取我的 if-else 语句的值。

下面是我的if-else语句的样子:

$(document).ready(function () {
var template = $("#selection").text();

if(template == 'option1'){
var part1 = "beautifulweather";
var part2 = "ishouldgooutside";
}

else if(template == 'option2'){
var part1 = "isthatrain";
var part2 = "imstayinginside";
}

weather = "www.weather.com/" + part1 + "ithink" + part2;

然后，我将此URL传递给一个按钮，该按钮有一个空的href，其中包含以下行：

var a = document.getElementById('weatherbtn');
a.href = weather;

但是，每当我单击链接时，第 1 部分

我在这里做错了什么？

解决

我需要改变的一般格式问题(几乎这里的每个人都指出了):我需要首先声明我的变量，并从if-else语句(第1部分/第2部分)中被赋值的变量中删除var关键字。

我还绕过了

元素并直接在模板变量中传递回声。工作代码如下所示：

$(document).ready(function (){
var part1, part2, template;
var template = '<?php echo $_POST["selectOpt"];?>';

if(template == 'option1'){
part1 = "beautifulweather";
part2 = "ishouldgooutside";
}

else if(template == 'option2'){
part1 = "isthatrain";
part2 = "imstayinginside";
}

天气="www.weather.com/"part1"我认为"part2；

谢谢大家——尤其是cdhowie关于JS不是块范围的说明。那快把我逼疯了。

Answer 1

您需要在if/else之外定义变量

var part1;
var part2;
if(template == 'option1'){
    part1 = "beautifulweather";
    part2 = "ishouldgooutside";
}

else if(template == 'option2'){
    part1 = "isthatrain";
    part2 = "imstayinginside";
}

Answer 2

<p id="selection">
<?php echo $_POST["selectOpt"];?></p>

id不是样式的一部分。所以你必须从

标记，否则id未设置，$（“#selection”）将不会返回对象。所以使用上面的代码，它应该可以工作。

问候语

Answer 3

以下是我看到的问题：

$(document).ready(function () {
    var template = $("#selection).text();
    //                          ^
    // Missing closing quote mark

    if(template == 'option1'){
        var part1 = "beautifulweather";
        var part2 = "ishouldgooutside";
    }

    else if(template == 'option2'){
        var part1 = "isthatrain";
        var part2 = "imstayinginside";
        // Duplicate definition of variables.  JavaScript is not block-scoped.
    }

    // It's possible that the template variable does not match either string.
    // Therefore, the part1 and part2 variables might not be assigned here.

    weather = "www.weather.com/" + part1 + "ithink" + part2;

要解决前两个问题：

$(document).ready(function () {
    // Always declare variables first!
    var template, part1, part2;

    template = $("#selection").text();
    // Add quote mark       ^

    if(template == 'option1'){
        // Remove "var" keyword.
        part1 = "beautifulweather";
        part2 = "ishouldgooutside";
    }

    else if(template == 'option2'){
        // Remove "var" keyword.
        part1 = "isthatrain";
        part2 = "imstayinginside";
    }

    weather = "www.weather.com/" + part1 + "ithink" + part2;

要解决第三个问题（模板不匹配任一字符串），请考虑在调试时通过例如警报（JSON.stringify（模板））显示模板的值。字符串可能（并且很可能，考虑到您的标记）包含一些空格字符。我希望解决方案是将您的标记更改为：

<p id="selection"><?php echo $_POST["selectOpt"];?></p>