Question

<form method="get" action="/00ON0000000FOHS" id="teja">
<center>
<B>Quote Num :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</B>
<select name="pn0" id="pn0" form="teja">
  <option value="eq">equal</option>
  <option value="sw" selected="selected">start with</option>
  <option value="ne">Not equal to</option>
  <option value="lt">Less Than</option>
  <option value="le">less or equal</option>
  <option value="ge">greater or equal</option>
  <option value="gt">greater than</option>
  <option value="co">Contains</option>
  <option value="nc">does not contain</option>
</select>
<input type="text" name="pv0" id="pv0" />
</center>
<br /><br />
<center>
<b>Opportunity Name :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b>
<select name="pn1" id="pn1" form="teja" >
   <option value="eq">equal</option>
  <option value="sw">start with</option>
  <option value="ne" selected="selected">Not equal to</option>
  <option value="lt">Less Than</option>
  <option value="le">less or equal</option>
  <option value="ge">greater or equal</option>
  <option value="gt">greater than</option>
  <option value="co">Contains</option>
  <option value="nc">does not contain</option>
</select>
<input type="text" name="pv1" id="pv1" />
</center>
<br /><br />
<center>
<b>Account Name :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b>
<select name="pn2" id="pn2" form="teja" >
   <option value="eq">equal</option>
  <option value="sw">start with</option>
  <option value="ne" selected="selected">Not equal to</option>
  <option value="lt">Less Than</option>
  <option value="le">less or equal</option>
  <option value="ge">greater or equal</option>
  <option value="gt">greater than</option>
  <option value="co">Contains</option>
  <option value="nc">does not contain</option>
</select>
<input type="text" name="pv2" id="pv2" />
</center>
<br /><br />
<center>
<b>RFQ Date(DD/MM/YYYY) :&nbsp;&nbsp;</b>
<select name="pn3" id="pn3" form="teja" >
   <option value="eq">equal</option>
  <option value="sw">start with</option>
  <option value="ne" selected="selected">Not equal to</option>
  <option value="lt">Less Than</option>
  <option value="le">less or equal</option>
  <option value="ge">greater or equal</option>
  <option value="gt">greater than</option>
  <option value="co">Contains</option>
  <option value="nc">does not contain</option>
</select>
<input type="text" name="pv3" id="pv3" />
</center>
<br /><br />
<center>
<b>Quote Number :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b>
<select name="pn4" id="pn4" form="teja" >
   <option value="eq">equal</option>
  <option value="sw" selected="selected">start with</option>
  <option value="ne">Not equal to</option>
  <option value="lt">Less Than</option>
  <option value="le">less or equal</option>
  <option value="ge">greater or equal</option>
  <option value="gt">greater than</option>
  <option value="co">Contains</option>
  <option value="nc">does not contain</option>
</select>
<input type="text" name="pv4" id="pv4" />
</center>
<br /><br />
<center><input type="submit" value="Report Generation" class="submit" /></center>
</form>
</html>

通过代码。你可以看到文本中有5个文本框，还有5个下拉列表，其中我设置了下拉列表的默认值。 pn0，pn1，pn2，pn3，pn4是我的5个下拉列表pv0，pv1，pv2，pv3，pv4是我的输入文本框

默认情况下，我设置了pn0 ---- pn5

的值

当用户不输入pv0 --- pv5 .pn0 ---- pn5的数据时，将与默认值相同。

当用户输入pv0值输入文本框时，pn0值必须在提交时变为相等。恢复pn1，pn2，pn3，pn4将采用默认值。

当用户输入pv0和pv1值时，.pn0和pn1必须更改为相等并保持为默认值...

如果用户自己选择了pn0，pn1，pn2，pn3，pn4的选项，则必须采用该值。

Answer 1

您可以根据文本框上的按键事件更改选择列表的值。例如，如果我从您的示例中选择第一对select - 文本框：

var defaultOption = $("#pn0").val();

$("#pv0").keypress(function(event) {
  if ($(this).val().length != 1 || event.which != 8)
      $("#pn0").val("eq");
  else
      $("#pn0").val(defaultOption);
})

在此处查看演示：http://jsfiddle.net/LjSEG/

如何根据用户输入更改下拉默认值？

1 个答案: