Bang, numpang tannya maslaah javascript..

_FB_NAME_ · Jul 30, 2012
Misi Agan yg Jago javascript, boleh saya tanya gan? saya khan mau bikin validasi, ada 2 selection, intinya gimana caranya supaya user hanya bisa mengklik salah satu selection tersebut, dan selection lainn otomatis disabled. saya sudah coba berbagai cara dan tidak berhasil(Karena saya menggunakan Framework Jquery).

Seperti ini gan kodenya
<html>
<head>
<script type="text/javascript">
function Check() //this the funciton for diasbled
{
var x =document.getElementById("supexp1");
var y =document.getElementById("supexp2");

if(x.value != "")
{
document.form1.supexp2.disabled=true;
}
else if(y.value != "")
{
{
document.form1.supexp1.disabled=true;
}
}
}

</script>

</head>
<body>
<form method="POST" action="destination.php" id="form1">
<select name="SUPEXP" id="supexp1" data-native-menu="false" onChange="Check()">
<option >Ekspedisi Local1</option> //this selection 1
<option >Ekspedisi Local2</option> //this selection 1
<option >Ekspedisi Local3</option> //this selection 1

</select>
<select name="SUPEXP" id="supexp2" data-native-menu="false" onChange="Check2()">
<option >Ekspedisi Expor2</option> //this selection 2
<option >Ekspedisi Expor2</option> //this selection 2
<option >Ekspedisi Expor2</option> //this selection 2


</select>
</form>
</body>
</html>

Bisa dibantu kah Gan? biar bisa jalan di jquery mobile, soalnya banyak sintaks yg gak jalan kalo make jquery mobile..:(
Silahkan login untuk menjawab!
0
Loading...
Ellyx Christian · Jul 30, 2012 · 0 Suka · 0 Tidak Suka
<html>
<head>
</head>
<body>
<form method="POST" action="destination.php" id="form1">
<select name="SUPEXP" id="supexp1" data-native-menu="false" onChange="$('#supexp2').attr('disabled','disabled')">
<option >Ekspedisi Local1</option> //this selection 1
<option >Ekspedisi Local2</option> //this selection 1
<option >Ekspedisi Local3</option> //this selection 1

</select>
<select name="SUPEXP" id="supexp2" data-native-menu="false" onChange="$('#supexp1').attr('disabled','disabled')">
<option >Ekspedisi Expor2</option> //this selection 2
<option >Ekspedisi Expor2</option> //this selection 2
<option >Ekspedisi Expor2</option> //this selection 2


</select>
</form>
</body>
</html>