jsp中的JavaScript onclick事件
我试图根据另一个下拉列表的选择,在下拉列表中从Jsp动态选择Jsp上的值。 例如:我有两个下拉列表1-A、B,下拉列表2的值为1到10。jsp中的JavaScript onclick事件,javascript,jsp,Javascript,Jsp,我试图根据另一个下拉列表的选择,在下拉列表中从Jsp动态选择Jsp上的值。 例如:我有两个下拉列表1-A、B,下拉列表2的值为1到10。 所以,当我选择一个时,我希望从下拉列表中根据onclick事件动态选择5个值。有可能吗???首先,这与JSP无关。这是客户端交互,您需要使用JavaScript来管理它 如果您有使用的下拉列表,则需要捕获第一个下拉列表的更改事件-每次下拉列表的值更改时都会触发 为了使代码更易于阅读并避免跨浏览器问题,您可以使用jQuery来处理这种情况 因此,如果您的元素的I
所以,当我选择一个时,我希望从下拉列表中根据onclick事件动态选择5个值。有可能吗???首先,这与JSP无关。这是客户端交互,您需要使用JavaScript来管理它 如果您有使用
的下拉列表,则需要捕获第一个下拉列表的更改
事件-每次下拉列表的值更改时都会触发
为了使代码更易于阅读并避免跨浏览器问题,您可以使用jQuery来处理这种情况
因此,如果您的
元素的ID设置为dropdown1
,则可以尝试以下操作:
jQuery("#dropdown1").change(function () {
var selectedValue = jQuery(this).val();
// Now use to value to do other stufffs
});
但是,如果第二个有“下拉列表”,则无法选择多个值。一个基本选项是将此下拉列表转换为列表,并使用multiple=“multiple”
(参考:)启用多个选择
也就是说,您只需要使用
现在,我不知道您的需求和逻辑,以便为第一个下拉列表的每个项目选择第二个下拉列表的哪些特定值。但是,似乎你需要在这里应用你自己的逻辑
但是,让我们考虑,对于值<代码>一个DROPPUD1,DROPUD2中的选定值将是“1”、“2”和“4”;对于dropdown1的值B',dropdown2中的选定值将为'2'、'5'和'6'、'8'和'10',您可以使用如下代码:
jQuery( document ).ready( function () {
jQuery("#dropdown1").change(function () {
var selectedValue = jQuery(this).val(),
mappedValues = {
"A": {"1": true, "2": true, "4": true},
"B": {"2": true, "5": true, "6": true, "8": true, "10": true}
},
selectedMappedValues = mappedValues[selectedValue] || {},
dropdown2 = jQuery("#dropdown2"),
dropdown2Options = dropdown2.find('option'),
dropdown2Option;
dropdown2Options.prop('selected', false);
dropdown2Options.each(function () {
dropdown2Option = jQuery(this);
if (selectedMappedValues[dropdown2Option.val()]) {
dropdown2Option.prop('selected', true);
}
});
});
});
实例:试试这个。
这是jsp代码
<select id="dropdown1" name="dropdown1" onchange="selectValue()">
<option value="a">A</option>
<option value="b">B</option>
</select>
<select id="dropdown2" name="dropdown2">
<option value="a1">1</option>
<option value="a2">2</option>
<option value="a3">3</option>
<option value="a4">4</option>
<option value="a5">5</option>
<option value="a6">6</option>
<option value="a7">7</option>
<option value="a8">8</option>
<option value="a9">9</option>
<option value="a10">10</option>
</select>
thanx.我知道如何从数据库中检索,但在调用函数通过javascript onclick event连接到数据库时遇到了困难。请使用ajax连接到一个servlet,该servlet将连接到数据库
function selectValue(){
if(document.getElementById("dropdown1").value == a){
document.getElementById("dropdown2").value = a5;
}
}