代码之家 › 专栏 › 技术社区 › yaylitzis

设置html表单的选择输入[复制]

jquery-select2 jquery javascript

yaylitzis · 技术社区 · 7 年前

select 从表格中输入,我使用 select2 图书馆。这个 documentation 写入:

要以编程方式为Select2控件选择选项/项,请使用 jQuery.val()方法:

$('#mySelect2').val('1'); // Select the option with a value of '1'

所以,我试着用 0 . 但是,输入没有更改。我错过了什么?

$('.js-example-basic-single').select2({
  allowClear: true
});

var myFlag = 0;

$("#haslabel").val(myFlag);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.min.css" rel="stylesheet" />



<div class="row">
  <div class="col-md-12 col-sm-12">
    <form id="form1" class="form-horizontal" role="form">
      <fieldset>
        <div class="form-group">

          <div class="col-sm-12">
            <select class="js-example-basic-single js-states form-control" id="hasLabel" name="hasLabel">
              <option></option>
              <option value="1">yes</option>
              <option value="0">no</option>
            </select>
          </div>
        </div>
      </fieldset>
    </form>
  </div>
</div>

2 回复 | 直到 7 年前

mplungjan Gvidas 7 年前

正确拼写选择器
val(“0”)设置该值,但除非触发change以查看该值,否则不会显示该值
或者选择该选项 <option value="0" selected>no</option>

注意 :看不见 ...

$(function() {
  $('#hasLabel').select2({allowClear: true});
  $('#hasLabel').val("0").trigger("change"); // set AND show
});

.js-states { width:70px}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.full.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.min.css" />

<div class="row">
  <div class="col-md-12 col-sm-12">
    <form id="form1" class="form-horizontal" role="form">
      <fieldset>
        <div class="form-group">

          <div class="col-sm-12">
            <select class="js-example-basic-single js-states form-control" id="hasLabel" name="hasLabel">
              <option></option>
              <option value="1">yes</option>
              <option value="0">no</option>
            </select>
          </div>
        </div>
      </fieldset>
    </form>
  </div>
</div>

pazcal 7 年前

我一直在阅读你提供的文件,我注意到:

Select2将侦听它附在。当您进行任何需要更改的外部更改时反映在Select2中(例如更改值),应该触发这件事。

$("#haslabel").val(myFlag).trigger("change");

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

7 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

7 月前

Alex · 在轻量级中同时解构和不解构变量

7 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

7 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

7 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

7 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

7 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

8 月前

user3472810 · Angular@Output/EventEmitter返回undefined

8 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

8 月前