как изменить выпадающее значение по умолчанию в соответствии с пользовательским вводом?

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, ПВ3, PV4 моего входа текстовое поле

по умолчанию я установил значение для pN0 ---- PN5

когда пользователь не вводит данные pv0 --- pv5 .pn0 ---- pn5 будет таким же, как значения по умолчанию.

Когда пользователь вводит текстовое поле ввода значения pv0, значение pn0 должно быть равно равным при отправке. Остальные pn1, pn2, pn3, pn4 будут принимать значения по умолчанию.

, когда пользователь вводит PV0 и PV1 значения .pn0 и pn1 должен измениться на равных и остальные как значения по умолчанию ...

, если пользователь выбрал параметры для pN0, PN1, PN2, pN3, PN4 на он сам должен принимать эти ценности.

Answer 1

Вы можете изменить значение списка выбора в зависимости от события нажатия клавиши в текстовом поле. Например, если я возьму первую пару выберите - текстовое поле из вашего примера:

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/