Кнопка включения при изменении выбора - PullRequest
Новая
       4

Кнопка включения при изменении выбора

0 голосов
/ 10 февраля 2012

Мне нужна помощь в вызове моей функции, она не распознает ее, и я не понимаю, почему? Любые ответы на то, почему это не работает ... спасибо Сломанный 

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

2 голосов
/ 10 февраля 2012

Ваш скрипт не видит select, потому что он ниже самого скрипта.Вы можете поместить свой сценарий ниже, выбрать или обернуть его с $(document).ready()

1 голос
/ 10 февраля 2012

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 голосов
/ 10 февраля 2012

Вы можете попробовать это ... 

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