我有一个下拉列表,它将根据第一个值(即 from_value)而改变。 我想做的是。将会有从 1 到 10 的数字。 因此,如果第一个值选择为 2,则第二个值(即 to_value)应在下拉列表中填充 2 到 10。
下面是我的代码,我不确定是否在这里运行循环。有人可以帮助我运行循环并完成我的任务吗。
换句话说 - 如果第一个下拉列表选择值为 2,则第二个下拉列表应填充 2,3,4,5,6,7,8,9,10 如果第一个下拉列表选择为 8,则第二个下拉列表应显示 8,9,10
$("#from_value").change(function(){
var from_value = $("#from_value").val();
$("div.to_value").html('<label>To Value</label><select name="to_value" id="to_value"><option>'+ from_value +'</option></select>');
});
最佳答案
尝试
HTML
<select id="from_value">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<select id="to_value">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
JS
$("#from_value").change(function () {
var val = +this.value;
$("#to_value option").hide();
$("#to_value option:gt(" + val + "),#to_value option:eq(" + val + ")").show();
$("#to_value").val(val);
});
DEMO
关于javascript - 与更改事件相关的 jQuery 选择框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25933064/