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

<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上的选项他自己必须采取这种价值观。

来源

2013-12-18 tejdeep

什么是您预期的结果？ –

问题并不清楚。请解释更多 –

通过代码。您可以看到文本5个文本框在那里，并且有5个下拉列表有k.in，我已经为下拉菜单设置了默认值。如果您没有在文本框中输入任何内容采取我给的默认值。当用户在一个框上输入数据时，当我们点击提交按钮时，选项值必须改变成相等，剩下的四个框与默认值保持相同。例如，如果用户输入两个框，则选择两个框选项值相等 – tejdeep

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

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/

来源

2013-12-18 12:27:13 ER144

谢谢你的回答。如果用户选择pn0的值，它必须取这个值 – tejdeep

这个答案正是我所要求的，但是如果用户选择pn0值它必须采取那一个 – tejdeep

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

回答

相关问题