如何从选择选项重定向值答案

【问题标题】：how to redirect values from select options如何从选择选项重定向值
【发布时间】：2013-05-30 23:53:14
【问题描述】：

我有一个单选按钮选项和一个选择选项，下拉列表中的值取决于我在单选按钮中选择的内容，然后当我从下拉列表中选择时，我希望它被重定向到另一个 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();
    })

});

【问题讨论】：

为什么不用class属性过滤，用value属性保存URL？

标签： php jquery

【解决方案1】：

使用split获取url怎么样

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

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

【讨论】：

【解决方案2】：

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

APTT

然后在你的脚本中：

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

    })

希望对你有帮助

【讨论】：

【解决方案3】：

我的解决方案是使用自定义属性来过滤和值作为 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');

【讨论】：

这不是有效的标记，你不能只是组成属性名称。如果需要使用自定义属性，应该是 HTML5 的data- attributes。