Change Div Value Not Work In Chrome

yossidd · 12-16-2012, 07:57 AM

PHP Code:


			
<html>

<head>

</head>

<body>





<script type="text/javascript">

function change(num) {

document.getElementById('tex').innerHTML= 'SSS'+num;



}



</script>

<select name="godel">

<option value="NUM1" onclick ="change('a');">aa</option>

<option value="NUM2" onclick ="change('b');">bb</option>

<option value="NUM3" onclick ="change('c');">cc</option>

</select>



<br/>

<div id='tex'>

</div>



</body>

</html>

I WANT TO CHANGE the value of div
in firefox it is work
in chrome no
why please???

Philip M · 12-16-2012, 09:45 AM

Most browsers do not support onclick on a select option.

Try this:-

Code:

<script type="text/javascript"> 
function change(which) { 
document.getElementById('tex').innerHTML= "";
var val = which.value;
if (val != "") {
var valsp = val.split("~");
document.getElementById('tex').innerHTML= 'SSS'+valsp[1]; 
}
} 

</script> 
<select id="godel" onchange = "change(this)"> 
<option value = "">Select.....</option>
<option value="NUM1~a" >aa</option> 
<option value="NUM2~b" >bb</option> 
<option value="NUM3~c" >cc</option> 
</select> 

<br/> 
<div id='tex'> 
</div>

Quizmaster: What was the "Nat" in Nat King Cole short for?
Contestant: Natalie

yossidd · 12-16-2012, 09:49 AM

Quote:

Originally Posted by Philip M

Most browsers do not support onclick on a select option.

Try this:-

Code:

<script type="text/javascript"> 
function change() { 
var val = document.getElementById("godel").value;
var valsp = val.split("~");
document.getElementById('tex').innerHTML= 'SSS'+valsp[1]; 
} 

</script> 
<select name="godel" onchange = "change()"> 
<option value="NUM1~a" >aa</option> 
<option value="NUM2~b" >bb</option> 
<option value="NUM3~c" >cc</option> 
</select> 

<br/> 
<div id='tex'> 
</div>

Quizmaster: What was the "Nat" in Nat King Cole short for?
Contestant: Natalie

not work man

Philip M · 12-16-2012, 09:52 AM

Quote:

Originally Posted by yossidd

not work man

Work for me!

But better:-

Code:

<script type="text/javascript"> 
function change(which) { 
document.getElementById('tex').innerHTML= "";
var val = which.value;
if (val != "") {
var valsp = val.split("~");
document.getElementById('tex').innerHTML= 'SSS'+valsp[1]; 
}
} 

</script> 
<select id="godel" onchange = "change(this)"> 
<option value = "">Select.....</option>
<option value="NUM1~a" >aa</option> 
<option value="NUM2~b" >bb</option> 
<option value="NUM3~c" >cc</option> 
</select> 

<br/> 
<div id='tex'> 
</div>

yossidd · 12-16-2012, 09:53 AM

Quote:

Originally Posted by Philip M

Wok for me!

in ff and chrome not work
here full code i wrote

PHP Code:


			
<html>

<head>

</head>

<body>





<script type="text/javascript"> 

function change() { 

var val = document.getElementById("godel").value;

var valsp = val.split("~");

document.getElementById('tex').innerHTML= 'SSS'+valsp[1]; 

} 



</script> 

<select name="godel" onchange = "change()"> 

<option value="NUM1~a" >aa</option> 

<option value="NUM2~b" >bb</option> 

<option value="NUM3~c" >cc</option> 

</select> 



<br/> 

<div id='tex'> 

</div>



</body>

</html>

not work

Philip M · 12-16-2012, 10:04 AM

Quote:

Originally Posted by yossidd

in ff and chrome not work
here full code i wrote

PHP Code:


			
<html>

<head>

</head>

<body>





<script type="text/javascript"> 

function change() { 

var val = document.getElementById("godel").value;

var valsp = val.split("~");

document.getElementById('tex').innerHTML= 'SSS'+valsp[1]; 

} 



</script> 

<select name="godel" onchange = "change()"> 

<option value="NUM1~a" >aa</option> 

<option value="NUM2~b" >bb</option> 

<option value="NUM3~c" >cc</option> 

</select> 



<br/> 

<div id='tex'> 

</div>



</body>

</html>

not work

Compare the code I gave you with yours and spot the differences.

You must assign an id to the select list, not just a name.

yossidd · 12-16-2012, 10:10 AM

Quote:

Originally Posted by Philip M

Compare the code I gave you with yours and spot the differences.

You must assign an id to the select list, not just a name.

thank man!!
i will be happy if you can explain what is the diffrent between my code that i can learn

Philip M · 12-16-2012, 10:26 AM

Quote:

Originally Posted by yossidd

thank man!!
i will be happy if you can explain what is the diffrent between my code that i can learn

As I say, compare the code I gave you with yours and spot the differences.

You need an initial option "Select..." to allow the function to trigger onchange. Otherwise the user cannot select option aa.