我已经尝试让它工作好几天了..惊呆了。我根本不是 JavaScript/jQuery 方面的专家,所以放轻松,哈哈。 ;-)
我有一个包含 9 个值的下拉列表。我还有一个类设置为“option0”的跨度。下拉列表显然具有从 1 到 9 的值。我想在更改下拉列表时也更改跨度的类。如果使用下拉菜单并选择选项 5,我希望跨度具有类“option5”。
最好的方法是什么?
感谢您的阅读,希望很快能收到你们的来信。 c:
最佳答案
<select id="your_select">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
<option>Option 5</option>
<option>Option 6</option>
<option>Option 7</option>
<option>Option 8</option>
<option>Option 9</option>
</select>
<span id="slave" class="option0">option0</span>
$('#your_select').on('change', function() {
var value = $('option:selected', this).text().replace(/Option\s/, '');
$('#slave').removeClass().addClass('option' + value).text('option' + value)
});
<强> Working Demo 1
如果您选择
如下所示:
<select id="your_select">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
<option value="option4">Option 4</option>
<option value="option5">Option 5</option>
<option value="option6">Option 6</option>
<option value="option7">Option 7</option>
<option value="option8">Option 8</option>
<option value="option9">Option 9</option>
</select>
<span id="slave" class="option0">option0</span>
然后
$('#your_select').on('change', function() {
var value = this.value;
$('#slave').removeClass().addClass(value).text(value)
});
<强> Working Demo 2
关于jquery - 从 <select> 选项到 span CSS 类的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10773156/