2012-02-10 63 views
0

我需要幫助調用我的功能,它不認識它,我不明白爲什麼?任何答案,爲什麼這是不工作...謝謝 破碎 啓用按鈕更改選擇

<script type='text/javascript'> 

$('select').change(function() { 
alert("hi"); 
    var op =$(this).val(); 
    if(op !='') {     
    $('input[name="processor_details"]').prop('disabled',false); 
} else { 
    $('input[name="processor_details"]').prop('disabled', true); 
} 
}); 
</script> 
</head> 
<body> 
<div> 
<strong>Processor:</strong> 
<select class="custom-pc" name="processor" id="processor"> 
     <option value=""></option> 
     <option value="1">1</option> 
     <option value="1">2</option> 
     <option value="3">3</option>     
    </select> 
<input name="processor_details" type="button" value="Details" disabled="true" /> 
</div> 
</body> 
</html> 

回答

2

你的腳本看不到select,因爲它下面的腳本本身。您可以使用以下調用它把你下面的腳本選擇或$(document).ready()

1

http://jsfiddle.net/cchdW/

它正在開發Chrome和Firefox在Mac上。你確定你在調用JQuery嗎?您沒有粘貼完整的HTML代碼。我認爲你錯過了JQuery。如果沒有JQuery,此代碼將無法正常工作。

此外,你必須把它包起來$(window).load(function(){}在這樣的:

<script type='text/javascript'> 
$(window).load(function(){ 
    $('select').change(function() { 
    alert("hi"); 
    var op =$(this).val(); 
    if(op !='') {     
     $('input[name="processor_details"]').prop('disabled',false); 
    } else { 
     $('input[name="processor_details"]').prop('disabled', true); 
    } 
    }); 
}); 

</script> 
+0

林;這是不正確的? Ken 2012-02-10 14:28:24

+0

你必須包裝它$(window).load(function(){},我更新了我的答案 – 2012-02-10 14:29:27

+0

@肯你應該把協議放在';否則你會加載'http://yoursite.com/ code.jquery.com/jquery-latest.js',如果這是上線,當jquery更新和棄用或刪除您的代碼使用的方法時會發生什麼?更好地加載您的代碼已知可用的特定版本。 – JKirchartz 2012-02-10 14:44:10

0

你可以試試這個包裹吧...

<script type='text/javascript'> 
function fun() 
{ 
    if(document.getElementById("processor").value!="") 
     document.getElementById("button").disabled=false; 
    else 
    document.getElementById("button").disabled=true; 

} 

</script> 
</head> 
<body> 
<div> 
<strong>Processor:</strong> 
<select class="custom-pc" name="processor" id="processor" onChange="fun()"> 
     <option value=""></option> 
     <option value="1">1</option> 
     <option value="1">2</option> 
     <option value="3">3</option>     
    </select> 
<input name="processor_details" type="button" value="Details" id="button" disabled="true" /> 
</div> 
</body> 
</html>