رفتن به مطلب

درخواست افزونه فرم ساز شرطی


پست های پیشنهاد شده

سلام

من افزونه فرم ساز میخوام که به این صورت عمل کنه که زمانی که من یک دسته بندی رو انخاب میکنم محصولات مربورط به اون دسته بندی باز بشه

مثل سایت زیر

http://www.ttmfoodco.com/fa-ir/order

لینک به ارسال

فرمساز با این خاصیت که سراغ ندارم ولی کاری که می خواهید بکنید به این شکل انجام می شه

1. کدها html


<select id="sections" onchange="Func()">
<option data-product="Item1-1, Item2-1, Item3-1">Section 1</option>
<option data-product="Item1-2, Item2-2, Item3-2">Section 2</option>
<option data-product="Item1-3, Item2-3, Item3-3">Section 3</option>
</select>
<select id="product"></select>

2.کدهای جاوا اسکریپت


function Func() {
var product = document.getElementById('product');
var sections=document.getElementById('sections');
var val=sections.options[sections.selectedIndex].getAttribute('data-product');
var arr=val.split(',');
product.options.length = 0;
for(i = 0; i < arr.length; i++)
{
if(arr[i] != "")
{
product.options[product.options.length]=new Option(arr[i],arr[i]);
}
}
}

نمونه:

http://jsbin.com/anuxal/16/

لینک به ارسال

میتونید کوئری بگیرید و از یک تیبیل فراخانی کنید


<select id="sections" name="sections" onchange="Func()" class="form-control">
<option value="آب میوه" data-product="آب انگور, آب سیب, آب پرتقال, آب آلبالو" class="option" >آب میوه</option>
<option value="کیک" data-product="کیک کشمشی, کیک شکلاتی, کیک تمشکی, کلوچه" class="option" >کیک </option>
<option value="نوشابه" data-product="زمزم مشکی, زمزم پرتقالی, زمزم سون آپ, کوکاکولا" class="option" >نوشابه خانواده </option>
</select>

لینک به ارسال

این آب میوه سیب و کیک رو ار کجا میخونه !؟

اگه منظورتون منبعشه که باید خودتون تعیینش کنید اگر محدوده که می تونید مستقیم وارد کد کنید ولی اگر زیاده و در حال تغییر می تونید با کوئری اینکار رو بکنید

در کل باید هر آیتمتون در اتر data-product با یک کامای لاتین از اتر بعدی جدا بشه

لینک به ارسال

کد جی کوئری نداره

کدهای جاوا اسکریپته می تونید داخل تگ script و در ادامه کدهای select بگذارید

لینک به ارسال


<form action="register.php" method="get" dir="rtl">
<table width="800" border="0">
<tr>
<td>
<label>نوع محصول</label>
<select id="sections" name="sections" onchange="Func()" class="form-control">
<option value="صنایع غذایی" data-product="کنسانتره انگور قرمز, کنسانتره انگور سفید, کنسانتره انار, کنسانتره آلو,کنسانتره خرما,کنسانتره چغندر قند" class="option" >صنایع غذایی</option>
<option value="صنایع کشاورزی" data-product="گندم, ذرت, جو, سبوس گندم,سویا" class="option" >صنایع کشاورزی </option>
<option value="صنایع پتروشیمی" data-product="قیر, مازوت,چوب" class="option" >صنایع پتروشیمی </option>
<option value="صنایع پتروشیمی" data-product="لوله های بدون اتصال(مانسیمان)" class="option" >صنایع چوب و آهن آلات </option>
<option value="صنایع پتروشیمی" data-product="کلراید پاسیم,سولفات آلومینیوم,فسفات آلومینیوم,فسفات تیریپ" class="option" >کودهای شیمیایی</option>
</select>
</td>
<td>
<label>نام محصول</label>
<select id="product" name="product" class="form-control"></select>
</td>
<td><label>مقدار سفارش</label>
<input name="مقدار سفارش" type="text" />
</td>
</tr>
<tr>
<td><label>نوع سفارش</label>
<select name="">
<option value="خرید">خرید</option>
<option value="خرید">درخواست نمونه</option>
</select>
</td>
<td><label>نام کامل</label>
<input name="" type="text" />
</td>
<td><label>نام شرکت</label>
<input name="" type="text" />
</td>
</tr>
<tr>
<td><label>تلفن</label>
<input name="" type="text" />
</td>
<td><label>فکس</label>
<input name="" type="text" />
</td>
<td><label>پست الکترونیک</label>
<input name="" type="text" />
</td>
</tr>
</table>
<table width="800" border="0">
<tr>
<td><label>آدرس</label>
<input name="" type="text" size="400" />
</td>
</tr>
<tr>
<td><label>توضیحات</label>
<textarea name="" cols="" rows=""></textarea>
</td>
</tr>
</table>
<input name="ارسال" type="submit" />
<input name="صرف نطر کردن" type="reset" />
</form>
<script type="text/javascript">
function Func() {
var product = document.getElementById('product');
var sections=document.getElementById('sections');
var val=sections.options[sections.selectedIndex].getAttribute('data-product');
var arr=val.split(',');
product.options.length = 0;
for(i = 0; i < arr.length; i++)
{
if(arr[i] != "")
{
product.options[product.options.length]=new Option(arr[i],arr[i]);
}
}
}
</script>

من این کد رو تو موقع ساختن برگه کذاشتم اما کار نمیکنه

لینک به ارسال

من که مشکلی ندارم

شما که مشکل دارید بگو مشکلت چیه تا بررسی بشه

البته فرمتون با اینهمه پارامتر نباید با متد get ارسال بشه و اینکه اگر register.php داخل پوشه ی قالبه نشانی اکشنتون باید بشه


<?php bloginfo("template_directory");?>/register.php

0که البته هیچکدوم به موضوع تایپیک ارتباط پیدا نمی کنند و کدی که دادم داره درست کار می کنه

لینک به ارسال

من که مشکلی ندارم

شما که مشکل دارید بگو مشکلت چیه تا بررسی بشه

البته فرمتون با اینهمه پارامتر نباید با متد get ارسال بشه و اینکه اگر register.php داخل پوشه ی قالبه نشانی اکشنتون باید بشه


<?php bloginfo("template_directory");?>/register.php

0که البته هیچکدوم به موضوع تایپیک ارتباط پیدا نمی کنند و کدی که دادم داره درست کار می کنه

خوب مشکل من اینه که کار نمیکنه !

لینک به ارسال

چی کار نمی کنه

کل فرمتون یا سلکتوری که با انتخاب گزینه اش توی سلکتور بعدی باید آپشنهای متناسب لود بشه؟

مورد اول به اکشنتون مربوطه که یا نشانیش یا خودش درست نیست

مورد دوم کد جاوا اسکریپتون باید بعد از فرم لود بشه

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...