Question

我有一个单选按钮选项和一个选择选项，下拉列表中的值取决于我在单选按钮中选择的内容，然后当我从下拉列表中选择时，我希望将其重定向到另一个php页面，但它不会重定向正确，因为我的值等于"test1.php Wireline"，它有链接加上类，所以下拉列表将被过滤... 这是我的代码，

<tr>
<td align="center">
<label><input type="radio" name="Radio1" id="Radio1" value="Wireless" />
Wireless</label>
<label><input type="radio" name="Radio1" id="Radio1" value="Wireline" />
Wireline</label></td>
</tr>


<tr>
<td align="center"><select name="Category" id="Category">
<option value=" Wireline Wireless" selected="selected">--</option>
<option value="test1.php Wireline">test1</option>
<option value="test2.php Wireline">test2</option>
<option value="test3.php Wireless">test3</option>
<option value="test4.php Wireless">test4</option>
</select><input type="submit" value="Go" id="submit"/></td>
</tr>

这是我的jquery，

$(function() {

    $("#submit").hide();

    $("#Category").change(function() {
        window.location = $(this).val();
    })

});

Answer 1

如何使用split来获取网址

$("#Category").change(function() {
    var loc = $(this).val().split(" ")[0];
    if(loc)
        window.location.href = loc;
})

我添加了if，以便第一个选项为null并且不会导航

Answer 2

我的解决方案是使用自定义属性过滤和值为URL：

<select name="Category" id="Category">
    <option value="test1.php" data-filter="Wireline" selected="selected">--</option> 
</select>

你的代码：

$("#Category").change(function() {
    if($(this).val().indexOf('.php') != -1) window.location = $(this).val();
})

要访问过滤器，您只需执行

$('#Category').children(':selected').data('filter');

Answer 3

您可以为包含php名称页面的每个选项添加一个属性。

APTT

然后在你的脚本中：

 $("#Category").change(function() {
 window.location = $('#Category" :selected').attr('myphp');

    })

希望这会有所帮助

如何重定向选择选项中的值

3 个答案: