Javascript 设置类中选定元素的索引
我正在制作一个表单,它有各种选择元素,就像这样Javascript 设置类中选定元素的索引,javascript,jquery,Javascript,Jquery,我正在制作一个表单,它有各种选择元素,就像这样 <select class="nace"> <option value="no" selected="selected">No</option> <option value="yes">Yes</option> </select> 试试这个 javacscript $('.nace').change(function() { var selected = $(this
<select class="nace">
<option value="no" selected="selected">No</option>
<option value="yes">Yes</option>
</select>
试试这个
javacscript
$('.nace').change(function() {
var selected = $(this).val();
$('.nace' ).each(function(){
$(this).val(selected);
});
});
HTML
<select class="nace">
<option value="no" selected="selected">No</option>
<option value="yes">Yes</option>
</select>
<select class="nace">
<option value="no" selected="selected">No</option>
<option value="yes">Yes</option>
</select>
<select class="nace">
<option value="no" selected="selected">No</option>
<option value="yes">Yes</option>
</select>
不
对
不
对
不
对
这里的例子
试试这个
javacscript
$('.nace').change(function() {
var selected = $(this).val();
$('.nace' ).each(function(){
$(this).val(selected);
});
});
HTML
<select class="nace">
<option value="no" selected="selected">No</option>
<option value="yes">Yes</option>
</select>
<select class="nace">
<option value="no" selected="selected">No</option>
<option value="yes">Yes</option>
</select>
<select class="nace">
<option value="no" selected="selected">No</option>
<option value="yes">Yes</option>
</select>
不
对
不
对
不
对
这里的例子
这应该足够了:
var $nace = $('.nace').change(function() {
$nace.val($(this).val());
// or (but not necessary) $nace.not(this).val($(this).val());
});
OT:如果您的代码>选择字段只有两个选项,请考虑使用单选按钮。 这应该足够了:
var $nace = $('.nace').change(function() {
$nace.val($(this).val());
// or (but not necessary) $nace.not(this).val($(this).val());
});
OT:如果您的代码>选择字段只有两个选项,请考虑使用单选按钮。 我会这么说:
$(document).ready(function() {
$('.nace').change(function() {
var selected = $(this).val();
$('.nace' ).val(selected);
});
});
我会这样说:
$(document).ready(function() {
$('.nace').change(function() {
var selected = $(this).val();
$('.nace' ).val(selected);
});
});
+1-只是让你知道你不需要“每个”。jQuery将遍历所有匹配的元素。只需应用
$('.nace').val(选中)
即可将它们全部设置为相同的值:)您不需要每个
。如果只使用$('.nace').val(…),集合中的每个元素都会受到影响代码>正确。我只是重新看了一下,结果发现你不需要.each+1-只是为了让你知道你不需要“.each”。jQuery将遍历所有匹配的元素。只需应用$('.nace').val(选中)
即可将它们全部设置为相同的值:)您不需要每个
。如果只使用$('.nace').val(…),集合中的每个元素都会受到影响代码>正确。我只是重新看了一下,结果发现你不需要。每个人,非常感谢你,我想我几乎到了那里,但试图把它复杂化:)太棒了,非常感谢你,我想我几乎到了那里,但试图把它复杂化:)