DOM Выпадающий список с jQuery

Question

Я не старший разработчик jQuery, поэтому я прошу об этом в StackOverflow.

У меня есть раскрывающийся список для платежей (биткойн, PayPal). Пользователь может выбрать один вариант: биткойн или PayPal.

Если пользователь выберет bitcoin, то заполнитель для входного элемента изменится на bitcoin address и bitcoin value будет disabled.

Если пользователь выбирает PayPal, заполнитель входного элемента изменится и значение Paypal будет включен

Существует что-то, что я забыл в JQuery. Но я не знаю:

$(document).ready(function() { 
 
    $('#example').click(function() { 
 
     var payment = $("#example").val(); 
 
     $("#textarea").attr('placeholder', payment+' Address'); 
 

 
     if(("#example").val() == 'Bitcoin') { 
 
      $("#textare").attr('placeholder','bitcoin'); 
 
     } 
 
     if(("#example").val() == 'Paypal'); { 
 
      $('#textare').attr('placeholder','paypal'); 
 
     } 
 
    }); 
 
});

.ciao { background-color: red; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="example"> 
 
    <option value="Paypal">Paypal</option> 
 
    <option value="Bitcoin">Bitcoin</option> 
 
</select> 
 
<input type="text" class="form-name" placeholder="Name"> 
 
<input type="text" class="form-email" placeholder="E-mail"> 
 
<input type="text" class="" id="textarea"> 
 
<input type="text" class="form-" id="textare" placeholder="Your Ammont">

Answer 1

Вы были проблемы с

if(("#example").val() = 'Bitcoin'); { 

Синтаксис для if утверждения

if(true) { /*do something*/ } 

Также, когда вы используете if для сравнения некоторых переменных, синтаксис должен быть ==, а не =. == - Оператор сравнения и = означает равный. Ниже рабочий пример:

var example = $('#example'); 
 
var textarea = $("#textarea"); 
 
var textare = $("#textare"); 
 

 
$(document).ready(function() { 
 
    example.on('click', function() { 
 
    var payment = example.val(); 
 
    textarea.attr('placeholder', payment+' Address'); 
 
    
 
    if(example.val() == 'Bitcoin') { 
 
     textare.attr('placeholder','bitcoin'); 
 
     textare.attr('disabled', 'true'); 
 
    } 
 
    
 
    if(example.val() == 'Paypal') { 
 
     textare.attr('placeholder','paypal');   
 
    } 
 
    }); 
 
});

.ciao { 
 
    background-color: red; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="example"> 
 
    <option value="Paypal">Paypal</option>     <option value="Bitcoin">Bitcoin</option> 
 
</select> 
 
<input type="text" class="form-name" placeholder="Name"> 
 
<input type="text" class="form-email" placeholder="E-mail"> 
 
<input type="text" class="" id="textarea"> 
 
<input type="text" class="form-" id="textare" placeholder="Your Ammont">

Answer 2

Просто добавьте $ перед if(("#example").val() == 'Bitcoin') {.

поэтому он должен быть if($("#example").val() == 'Bitcoin') {

$(document).ready(function() { 
 
    $('#example').click(function() { 
 
     var payment = $("#example").val(); 
 
     $("#textarea").attr('placeholder', payment+' Address'); 
 

 
     if($("#example").val() == 'Bitcoin') { 
 
      $("#textare").attr('placeholder','bitcoin'); 
 
     } 
 
     if($("#example").val() == 'Paypal'); { 
 
      $('#textare').attr('placeholder','paypal'); 
 
     } 
 
    }); 
 
});

.ciao { background-color: red; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="example"> 
 
    <option value="Paypal">Paypal</option> 
 
    <option value="Bitcoin">Bitcoin</option> 
 
</select> 
 
<input type="text" class="form-name" placeholder="Name"> 
 
<input type="text" class="form-email" placeholder="E-mail"> 
 
<input type="text" class="" id="textarea"> 
 
<input type="text" class="form-" id="textare" placeholder="Your Ammont">