启用按钮更改选择

我需要帮助调用我的功能，它不认识它，我不明白为什么？任何答案，为什么这是不工作...谢谢破碎启用按钮更改选择

<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>

来源

2012-02-10 Ken

你的脚本看不到select，因为它下面的脚本本身。您可以使用以下调用它把你下面的脚本选择或$(document).ready()

来源

2012-02-10 14:23:36 Krzysztof

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>

来源

2012-02-10 14:22:27

林;这是不正确的？ – Ken 2012-02-10 14:28:24

你必须包装它$（window）.load（function（）{}，我更新了我的答案 – 2012-02-10 14:29:27

@肯你应该把协议放在';否则你会加载'http://yoursite.com/ code.jquery.com/jquery-latest.js'，如果这是上线，当jquery更新和弃用或删除您的代码使用的方法时会发生什么？更好地加载您的代码已知可用的特定版本。 – JKirchartz 2012-02-10 14:44:10

你可以试试这个包裹吧...

<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>

来源

2012-02-10 14:30:13

启用按钮更改选择

回答

相关问题