Свойство SelectedIndex выпадающего списка

Question

В моем веб-приложении у меня есть раскрывающийся список и текстовое поле. Я хочу отключить текстовое поле для определенных значений в выпадающем списке. Я написал код для события selectedIndexChanged в раскрывающемся списке. Я сделал свойство AutoPostBack в раскрывающемся списке true.

Но когда я запускаю приложение и выбираю значение из раскрывающегося списка, оно неожиданно меняет первоначальное значение. Поэтому все время я получаю значение 0 для SelectedIndex. Что я могу сделать для этого?

Answer 1

Если вы выйдете из выпадающего списка в событии onPageLoad, вы должны проверить, является ли он обратной передачей, и если это так, не начинайте его снова.

protected void OnLoad(object sender, EventArgs e) 
{ 
    if (!this.IsPostBack) 
    { 
     // init dropdownlist here 
    } 
} 

Answer 2

Что вы делаете с помощью обратной передачи, чтобы достичь этого, является чрезмерным и медленным. Вы должны использовать client-script (javascript), чтобы отключить текстовое поле, когда в этом выпадающем списке выбраны определенные параметры. В зависимости от того, используете ли вы обычные js или jquery или что-то еще, эта реализация будет отличаться.

Answer 3

Вы можете легко отключить клиентскую часть текстового поля, поэтому, почему вы добавляете свойство AutoPostBack в раскрывающийся список.

Если вы хотите сделать что-то еще, добавив это свойство, укажите дополнительные сведения, чтобы мы могли дать вам лучший ответ в соответствии с вашим требованием.

Чтобы сделать его отключить на стороне клиента, вы можете следовать код ниже:

HTML:

<select name="ddlSample" id="ddlSample"> 
    <option value="1">Enable text box</option> 
    <option value="2">Disable text box</option> 
</select> 
<br /> 
<input name="txtCode" type="text" id="txtCode" /> 

JQuery:

$("#ddlSample").change(function(){ 
    if($(this[this.selectedIndex]).val()=="1") 
    { 
     $("#txtCode").attr("disabled",false); 
     $("#txtCode").focus();  
    }  
    else 
    { 
     $("#txtCode").attr("disabled",true); 
    }  
});