我需要復(fù)制兩個(gè)選擇列表的操作，例如，如果您為第一個(gè)選擇列表選擇一個(gè)值，則另一個(gè)應(yīng)該自動(dòng)更新。這是我的代碼： <div class="form-group"> @Html.LabelFor(model => model.descripcion, new { @class = "control-label col-md-2" }) <div class="col-md-10"> <div class="form-inline md-form mr-auto"> <select class="form-control" id="descripcion" name="descripcion" onchange = "return GetChange(this);"> <option>Texto 1</option> <option>Texto 2</option> <option>Texto 3</option> </select> @Html.ValidationMessageFor(model => model.descripcion) </div> </div> </div> <div class="form-group"> @Html.LabelFor(model => model.descripcion, new {onChange = "return GetValue(this);", @class = "control-label col-md-2" }) <div class="col-md-10"> <div class="form-inline md-form mr-auto"> <select class="form-control" id="descripcionx" name="descripcionx" onchange="return GetValue(this);"> <option value="20">Texto 1</option> <option value="30">Texto 2</option> <option value="40">Texto 3</option> </select> @Html.ValidationMessageFor(model => model.descripcion) </div> </div> </div>這是我的 JavaScript 函數(shù)：function GetChange(ctr) { var i = $("#descripcion option:selected").index(); $("#descripcionx").val(i); }
1 回答
翻翻過(guò)去那場(chǎng)雪
TA貢獻(xiàn)2065條經(jīng)驗(yàn) 獲得超14個(gè)贊
如果你想用位置更新它那么你應(yīng)該這樣做
function changeDropdown(e){
var value = $("#descripcion option:selected").index();
$("#descripcionx").prop('selectedIndex', value);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group">
<div class="col-md-10">
<div class="form-inline md-form mr-auto">
<select class="form-control" id="descripcion" name="descripcion" onchange = "changeDropdown(this);">
<option>Texto 1</option>
<option>Texto 2</option>
<option>Texto 3</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<div class="col-md-10">
<div class="form-inline md-form mr-auto">
<select class="form-control" id="descripcionx" name="descripcionx" onchange="changeDropdown(this);">
<option value="20">Texto 1</option>
<option value="30">Texto 2</option>
<option value="40">Texto 3</option>
</select>
</div>
</div>
</div>
但在這種情況下，兩個(gè)下拉option順序必須相同。最好在兩個(gè)下拉列表中使用相同的value屬性。然后你可以簡(jiǎn)單地改變它
function changeDropdown(e){
var value = $("#descripcion option:selected").val();
$("#descripcionx").val(value);
}
- 1 回答
- 0 關(guān)注
- 134 瀏覽
添加回答
舉報(bào)
0/150
提交
取消