2010-06-09 2 views
3

jQuery를 사용하여 선택 드롭 다운 상자에서 선택한 옵션을 변경하려고합니다. URL 끝에 해시 태그를 찾고 해시 태그를 기반으로 선택 상자에서 선택한 옵션을 변경하도록 설정했습니다.옵션 태그 값 속성에 대한 jQuery 선택자가 null을 반환합니다.

내 코드의 대부분은 기능적으로 해시 태그를 성공적으로 찾은 다음 해당하는 if 문을 실행합니다. 그러나 옵션의 selector (옵션 태그의 value 속성을 기반으로하는 속성 선택기를 사용)로 갈 때 명령문의 "then"섹션을 실행하면 null을 반환합니다. 방화 광구로 이것을 알아 낸 경우, 콘솔에서 선택기가 null이라고 표시됩니다. 여기

내 코드입니다 :

$(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를 변경할 것이다 발생하지 않는 #php 해시 태그로 끝나는 URL을 입력 할 때, 명확하게 선택 "html 속성을 사용하여 선택한 옵션에 '코딩'옵션을 지정하지만 특정 옵션 태그의 선택기는 null을 반환합니다. 구문에 문제가 있습니까? 또는 코드가 정상적으로 작동하지 않습니다. 매우 감사합니다. 아래로 http://api.jquery.com/category/selectors/

+2

코드가 더 깔끔 할 것? 또한, '