Question

我选择了：

<select class="form-control" id="category_id_select" name="Category_Id">
  @foreach (var category in Model.categories){
    <option value="@category.Id">@category.Name</option>
  }
</select>

我得到了输入，我设置了必须在页面加载时选择的值：

<input type="text" class="form-control" id="cat_id" value="@Model.CategoryId"/>

我的js文件是：

$(document).load(function () {
  $('.combobox').combobox();
  var catid = $("#cat_id").val();
  $("#category_id_select ").val(catid);
  $("#add_prop").click(function () {
    alert(catid);
});

我做错了什么？

我将隐藏该输入，并希望没有活动的下拉列表已经选择了值。使用jquery的解决方案是什么？

Answer 1

您需要触发所做的值更改：

$("#category_id_select").val(catid).change();
//Or  
$("#category_id_select").val(catid).trigger('change');

注意：删除选择器中的额外空间：

$("#category_id_select ").
______________________^

并尝试使用就绪功能：

$(function(){
     //Your code here
})

希望这有帮助。

$(function () {
    var catid = $("#cat_id").val();
    $("#category_id_select").val(catid);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="form-control" id="category_id_select" name="Category_Id">
    <option value="c1">category 1</option>
    <option value="c2">category 2</option>
    <option value="c3">category 3</option>
</select>

<input type="text" class="form-control" id="cat_id" value="c3"/>

Answer 2

**`$(function () {
$('.combobox').combobox();
var catid = $("#cat_id").attr('type', 'hidden').val();
$("#category_id_select").val(catid).change();
$("#category_id_select ").val(catid).prop('disabled', true);`**

Thats Soliton！谢谢你们！

选择下拉选项并使其不活动？

2 个答案: