我正在学习javascript,我有这个功能:
function getRadioCity() {
for (index=0; index < document.form_data2.ciudades.length; index++) {
if (document.form_data2.ciudades[index].checked) {
var radioValue =form_data2.ciudades[index].value;
return parseInt(radioValue);
}
}
}
这个功能很好但是如果我有一个选择形式而不是收音机呢?
例如:
<div id="content" style="display:none;">
<form name="form_data2" id="form_data2"> <br>
<select name="ciudades" id="ciudades">
<option value="33">Armenia</option>
<option value="34">Cartagena</option>
</select>
<input value="Enviar" id="btn_enviar" href="javascript:toggle() </input> <br /> <br /> <label id=" mensaje2="" type="button"> </form>
<div id="resultado2"></div>
</div>
提前感谢您的帮助。我尝试了同样的事情,但做了工作..
编辑:
我试着做这样的事情:
$(document).ready(function(){
$('#btn_enviar').click(function(){
if( validaSelect( 'ciudades','ciudades' ) == false) return false;
$.ajax({
type:'POST',
url :'upload2.php',
data: $('#form_data2').serialize(),
beforeSend : function(){
$('#mensaje2').html('Enviando datos...');
},
success: function (data){
$('#mensaje2').html('Datos enviados correctamente.');
$('#resultado2').html(data);
},
complete: function(){
$('#form_data2').slideUp();
$('#resultado2').slideDown();
$('#content2').show();
$('#flecha2').show();
var num2 = getRadioCity();
if (num2==1){
$('#armenia').show();
}
if (num2==2){
$('#cartagena').show();
alert("cartagena");
}
}
});
});
});
基本上取决于选择并显示div或其他
的值答案 0 :(得分:0)
您可以使用select
访问selectedIndex
的值。
document.getElementById("ciudades").onchange = function() {
alert(this.selectedIndex);
}
每个选项都有自己的编号标识自己。对于select
元素,第一个选项的selectedIndex
为0,第二个选项的selectedIndex
为1,依此类推。从中您可以判断选择了哪个option
。
请参阅DEMO。
试试这个:
var num2 = document.getElementById("ciudades").selectedIndex;
if (num2==0){
$('#armenia').show();
}
if (num2==1){
$('#cartagena').show();
alert("cartagena");
}