فرزاد عامری
2 سال پیش توسط فرزاد عامری مطرح شد
3 پاسخ

انتخاب input

سلام دوستان عزیز
بنده یک نوع Select دارم که درونش مثلا ۴ مقدار وجود داره مثل ؛ x , y , z , p
قصد داریم زمانی که مثلا x انتخاب شد یکسری input مخصوص به x باز بشه ، یا y مثلا انتخاب شد input های مخصوص به خودش زیرش باز بشه
ممنون میشم راهنمایی کنید چجوری این کار انجام بدم
@MahdiMashayekhi @endworld @ChatGPT @mahdidv @magicaldev1


ثبت پرسش جدید
سینا شاه‌اویسی
تخصص : برنامه نویس فرانت اند
@sinashahoveisi 2 سال پیش مطرح شد
0

سلام کدش بصورت زیر میشه

<!DOCTYPE html>
<html>
<body>

<p>Select a new car from the list.</p>

<select id="mySelect" onchange="myFunction()">
  <option value="Audi">Audi</option>
  <option value="BMW">BMW</option>
  <option value="Mercedes">Mercedes</option>
  <option value="Volvo">Volvo</option>
</select>
<input type="text" disabled>

<p>When you select a new car, a function is triggered which outputs the value of the selected car.</p>

<p id="demo"></p>

<script>
const input = document.querySelector("input")
function myFunction() {
  var x = document.getElementById("mySelect").value;
  if(x === "BMW") {
    input.disabled = false;
  }
  else {
    input.disabled = true;
  }
  document.getElementById("demo").innerHTML = "You selected: " + x;
}
</script>

</body>
</html>

oss_vahid
تخصص : wp developer
@ossvahid 2 سال پیش آپدیت شد
0

بیس کار به این شکله با جکویری

jQuery(“select“).change(function(){
const $value = this.value;
if($value == 'x'){
// کاری انجام بده 
}else if($value =='y'){
// کاری دیگر انجام بده 
} 
})

MagicalDev
تخصص : Laravel Developer
@magicaldev1 2 سال پیش مطرح شد
0

درود
درست به خواطر ندارم ولی فکر میکنم از ایونت onchange جاوا اسکریپت باید استفاده بشه چک میکنید و بعد میشه به راحتی هر کاری انجام داد .


سینا شاه‌اویسی
تخصص : برنامه نویس فرانت اند
@sinashahoveisi 2 سال پیش مطرح شد
0

سلام کدش بصورت زیر میشه

<!DOCTYPE html>
<html>
<body>

<p>Select a new car from the list.</p>

<select id="mySelect" onchange="myFunction()">
  <option value="Audi">Audi</option>
  <option value="BMW">BMW</option>
  <option value="Mercedes">Mercedes</option>
  <option value="Volvo">Volvo</option>
</select>
<input type="text" disabled>

<p>When you select a new car, a function is triggered which outputs the value of the selected car.</p>

<p id="demo"></p>

<script>
const input = document.querySelector("input")
function myFunction() {
  var x = document.getElementById("mySelect").value;
  if(x === "BMW") {
    input.disabled = false;
  }
  else {
    input.disabled = true;
  }
  document.getElementById("demo").innerHTML = "You selected: " + x;
}
</script>

</body>
</html>

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام