javascript – 选项标记值属性的jQuery选择器返回null

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 选项标记值属性的jQuery选择器返回null，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2163字，纯文字阅读大概需要4分钟。

内容图文

我试图用jQuery更改选择下拉框中的选定选项.我设置它,以便它在URL的末尾找到哈希标记,并根据该哈希标记更改选择框中的选定选项.

我的大部分代码都是有用的,它成功找到了hash标记并执行了与之对应的if语句.但是,当它转到选项的选择器(它使用基于option标签的value属性的属性选择器)时,它执行语句的“then”部分时,它返回null.如果用firebug计算出来,在控制台中它表示选择器为空.

这是我的代码：

$(document).ready(function() {
    var $hash = window.location.hash
    if($hash == "#htmlcss") {
    $('option[value="HTML/CSS Coding"]').attr("selected","selected")
    }
    if($hash == "#php") {
    $('option[value="PHP Coding"]').attr("selected","selected")
    }
    if($hash == "#jscript") {
    $('option[value="Javascript and jQuery Coding"]').attr("selected","selected")
    }
    if($hash == "#improv") {
    $('option[value="General Website Improvements"]').attr("selected","selected")
    }
    if($hash == "#towp") {
    $('option[value="Website Conversion to WordPress"]').attr("selected","selected")
    }
    if($hash == "#wptheme") {
    $('option[value="Wordpress Theme Design"]').attr("selected","selected")
    }
    if($hash == "#complete") {
    $('option[value="Complete Website Creation"]').attr("selected","selected")
    }
    if($hash == "#server") {
    $('option[value="Web Server Configuration"]').attr("selected","selected")
    }
});

因此,为了澄清,例如,当我输入以#php哈希标记结尾的URL时,不会发生所需的操作,这会通过使用“selected”html属性将“PHP编码”选项更改为选定的选项.特定选项标记的选择器返回null.我的语法是否有问题,或者我的代码是否按照我认为的方式运行？非常感谢.

解决方法:

你可以减少它并同时解决你的选择器问题,只需像这样使用.val()：

var hashmap  = { 
  htmlcss: "HTML/CSS Coding",
  php: "PHP Coding",
  jscript: "Javascript and jQuery Coding",
  improv: "General Website Improvements",
  towp: "Website Conversion to WordPress",
  wptheme: "Wordpress Theme Design",
  complete: "Complete Website Creation",
  server: "Web Server Configuration"
};

$(function() {
    var $hash = window.location.hash.replace('#','');
    $("#IDOfSelectElement").val(hashmap[$hash]);
});

此方法设置< select>的值. (使用它的ID找到它)使用.val(),它选择<选项>使用与您传入的值匹配的值,这也可以解决转义问题.但是,我不确定您拥有的值是实际值=“”部分,它们看起来像< option>的文本…确保您使用的是value =“”部分.另一个优化是,它使用对象映射使这更容易维护:)

内容总结

以上是互联网集市为您收集整理的javascript – 选项标记值属性的jQuery选择器返回null全部内容，希望文章能够帮你解决javascript – 选项标记值属性的jQuery选择器返回null所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端