自定义列表形式的可能性？ [英] Customize list forms possibility?

问题描述

 我刚制作了一个自定义编辑表单，下面是主要网页部分区域，其中字段通过xsl和xsl：template呈现。

 我的目标是从上面自定义一个字段/列，即productType，根据RequestStatus下拉列表当前值的选择，仅显示特定的下拉值集。

 此自定义是否可用于此表单或者我需要从头开发一个完整的我的形式????

  BTW如果有任何见解，这个XSL如何将字段映射到实际的HTML？

---

Shahid Roofi

解决方案

嗨Shahid，

如果想根据另一个下拉列表值将值填充到下拉列表中，我们可以使用Jquery代码实现它。

这是一个代码演示供您参考：

HTML代码（两个DropDowns）

< select class =" product" ID = QUOT; select_1"名称= QUOT;产品"> 
< option selected =" selected"值= QUOT;">选择类别< /选项> 
< option value ="男士套装>>男士西装< /选项> 
< option value =" Womens Suit">女装套装< / option> 
< option value =" Children Suit">儿童套装< / option> 
< / select> 
< select class =" size" ID = QUOT; select_3"名称= QUOT;大小"> 
< option selected =" selected"值= QUOT;">选择尺寸< /选项> 
<！ - 男士尺寸低于 - > 
< option value =" 36"> 36< / option> 
< option value =" 38"> 38< / option> 
< option value =" 40"> 40< / option> 
<！ - 下面的女装尺码 - > 
< option value =" 30"> 30< / option> 
< option value =" 29"> 29< / option> 
< option value =" 28"> 28< / option> 
<！ - 儿童尺寸低于 - > 
< option value =" 12"> 12< / option> 
< option value =" 11"> 11< / option> 
< option value =" 10"> 10< / option> 
< / select> 

Jquery代码根据第一个下拉列表中更改的值重新绑定第二个下拉值：

< script src =" http://code.jquery.com/jquery-1.9.1.js"类型= QUOT;文本/ JavaScript的">< /脚本> 
< script type =" text / javascript"> 
 var men ='< option selected =" selected"值= QUOT;">选择尺寸< / option>< option value =" 36"> 36< / option>< option value =" 38"> 38< / option>< option value =" 40"> 40℃; /选项>'; 
 var women ='< option selected =" selected"值= QUOT;">选择尺寸< / option>< option value =" 30"> 30< / option>< option value =" 29"> 29< / option>< option value =" 28"> 28和60; /选项>'; 
 var children ='< option selected =" selected"值= QUOT;">选择尺寸< / option>< option value =" 12">< / option>< option value =" 11"> 11< / option>< option value =" 10"> 10 LT; /选项>'; 

（文件）。就绪（函数（）{

（"选择＃select_1"）上（ 'change'，function（）{
if（

 I just made a custom edit form and below is main web part zone where fields are being rendered through xsl and xsl: template.

 My objective is to customize one field/column from above that is productType to show only particular set of drop down values based on the selection of RequestStatus dropdown current value.

 Is this customization possible in this form or I would need to develop a complete form of mine from scratch ????

 BTW how is this XSL mapping the fields to actual HTML, if any insights available ?

---

Shahid Roofi

解决方案

Hi Shahid,

If want to populate values to the drop down list based on another drop down list value, we can use Jquery code to achieve it.

Here is a code demo for your reference:

HTML Code (Two DropDowns)

<select class="product" id="select_1" name="product">
  <option selected="selected" value=""> Choose Category </option>
  <option value="Mens Suits"> Mens Suits </option>
  <option value="Womens Suit"> Womens Suits </option>
  <option value="Children Suit"> Children Suits </option>
</select>
<select class="size" id="select_3" name="size">
  <option selected="selected" value=""> Choose Size </option>
  <!-- Mens Sizes Below -->
  <option value="36">36</option>
  <option value="38">38</option>
  <option value="40">40</option>
  <!-- Womens Sizes Below -->
  <option value="30">30</option>
  <option value="29">29</option>
  <option value="28">28</option>
  <!-- Children Sizes Below -->
  <option value="12">12</option>
  <option value="11">11</option>
  <option value="10">10</option>
</select>

Jquery code rebind the second dropdown value based on the value changed in the first dropdown:

<script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
var men = '<option selected="selected" value=""> Choose Size </option><option value="36">36</option><option value="38">38</option><option value="40">40</option>';
var women = '<option selected="selected" value=""> Choose Size </option><option value="30">30</option><option value="29">29</option><option value="28">28</option>';
var children = '<option selected="selected" value=""> Choose Size </option><option value="12">12</option><option value="11">11</option><option value="10">10</option>';

(document).ready(function(){

("select#select_1").on('change',function(){ if(

这篇关于自定义列表形式的可能性？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！