jquery - 如何设置选择框选定值

Question

我有一个宽度可变的输入字段，例如 small、large、medium。 我有 CSS 样式。

示例:

case 1: <input type="text" id="a1" class="title small required" />
case 2: <input type="text" id="a1" class="title medium" />
case 3: <input type="text" id="a1" class="title large required" />

同时我有一个选择框:

<select id="b1">
    <option value="small">Small</option>
    <option value="medium">Medium</option>
    <option value="large">Large</option>
</select>

我现在需要的是检查input字段是否具有small或medium或large类 并将相关select框设置为selected。在 jQuery 中，我直接将所选值设置为 medium，但下拉列表仍然显示 small。

如何使用 hasClass() 函数检查 input 字段是否具有这些类？我们可以一次检查这个吗？

Answer 1

使用这个

$('#b1').val("small"); // to set small as selected

$('#b1').val("medium");

$('#b1').val("large");

使用 .hasClass() 进行下一个。

var size = $("#al").hasClass('small')? 'small':
  ($("#a1").hasClass('medium')? 'medium' :
  ($("#a1").hasClass('large')? large :' null')); 
alert(size);