jquery - 如何使用 Jquery 中的 url 值来选择选项值？

Question

我正在尝试根据值选择选项。就我而言，我有选择作为值(value)。例如:

<form>
    <select name="floc" id="floc">
                <option value="0">Select Locations</option>
                <option value="https://austin.partyprincessproductions.com/">Austin, TEXAS</option>
                <option value="https://boston.partyprincessproductions.com/">Boston, MASSACHUSETTS</option>
                <option value="https://chicago.partyprincessproductions.com/">Chicago, ILLINOIS</option>
    </select>
</form>
<script type="text/javascript">
        $('#floc').val("https://austin.partyprincessproductions.com");
</script>

这不起作用。但是当我用简单的值替换它时，它就起作用了，就像

<form>
    <select name="floc" id="floc">
                <option value="0">Select Locations</option>
                <option value="apple">Austin, TEXAS</option>
                <option value="bananna">Boston, MASSACHUSETTS</option>
                <option value="mango">Chicago, ILLINOIS</option>
    </select>
</form>
<script type="text/javascript">
    $('#floc').val("apple");
</script>

此代码运行完美，并且正在选择奥斯汀。但我必须使用 url 作为选项，我该如何处理这个问题。

Answer 1

使用 Jquery 设置值时，值末尾缺少正斜杠 /。

$('#floc').val("https://austin.partyprincessproductions.com");

应该是

$('#floc').val("https://austin.partyprincessproductions.com/");

  $('#floc').val("https://austin.partyprincessproductions.com/");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
    <select name="floc" id="floc">
                <option value="0">Select Locations</option>
                <option value="https://austin.partyprincessproductions.com/">Austin, TEXAS</option>
                <option value="https://boston.partyprincessproductions.com/">Boston, MASSACHUSETTS</option>
                <option value="https://chicago.partyprincessproductions.com/">Chicago, ILLINOIS</option>
    </select>
</form>

或者，如果您不需要最后一个正斜杠，请将它们从 option 的所有 value 属性中删除。