通过更改选择启用按钮

时间:2012-02-10 14:17:40

标签: javascript button onchange

我需要帮助调用我的功能,它没有识别它,我不明白为什么?任何答案为什么这不起作用...谢谢               破碎     

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

3 个答案:

答案 0 :(得分:2)

您的脚本看不到select,因为它位于脚本本身之下。您可以将您的脚本放在下面选择或用$(document).ready()

打包

答案 1 :(得分:1)

http://jsfiddle.net/cchdW/

它适用于Mac上的Chrome和Firefox。你确定你在调用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>

答案 2 :(得分: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>