سلام دوستان عزیز
بنده یک نوع Select دارم که درونش مثلا ۴ مقدار وجود داره مثل ؛ x , y , z , p
قصد داریم زمانی که مثلا x انتخاب شد یکسری input مخصوص به x باز بشه ، یا y مثلا انتخاب شد input های مخصوص به خودش زیرش باز بشه
ممنون میشم راهنمایی کنید چجوری این کار انجام بدم
@MahdiMashayekhi @endworld @ChatGPT @mahdidv @magicaldev1
سلام کدش بصورت زیر میشه
<!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>
بیس کار به این شکله با جکویری
jQuery(“select“).change(function(){
const $value = this.value;
if($value == 'x'){
// کاری انجام بده
}else if($value =='y'){
// کاری دیگر انجام بده
}
})
درود
درست به خواطر ندارم ولی فکر میکنم از ایونت onchange جاوا اسکریپت باید استفاده بشه چک میکنید و بعد میشه به راحتی هر کاری انجام داد .
سلام کدش بصورت زیر میشه
<!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>
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟