Код Javascript не работает

Как изменить код, чтобы при выборе опции из первого выпадающего меню второе выпадающее меню становится редактируемым, иначе второе раскрывающееся меню должно быть только для чтения, а если опция в первом выпадающем меню «по умолчанию», тогда второе раскрывающееся меню должно быть только для чтения.Код Javascript не работает

<!DOCTYPE html> 
<html> 

<head> 
<script type="text/javascript"> 
function mySecondFunction() { 
    document.getElementById("mySelection").disabled = false; 
} 

</script> 

</head> 
<body> 

<form action=""> 
<select name="cars" onload="mySecondFunction()"> 
<option value="default">default</option> 
<option value="saab">Saab</option> 
<option value="fiat">Fiat</option> 
<option value="audi">Audi</option> 
</select> 
<br> 
<select disabled name="cars" id="mySelection"> 
<option value="Action1">Volvo</option> 
<option value="Action2">Saab</option> 
<option value="Action3">Fiat</option> 
<option value="Action4">Audi</option> 
</select> 
</form> 

</body> 
</html>

источник

2014-10-10 user3916285

Посмотрите столицами:

document.getElementById("MySelection").disabled = false; 
<select disabled name="cars" id="mySelection">

Первый с "М" и seccond с "м"

источник

2014-10-10 10:08:21

до сих пор не работает – user3916285

http://jsfiddle.net/se22kfsr/ –

посмотреть не работает - второй выпадающее меню должны стать доступны для редактирования после того, как вы выбрали опцию в первом раскрывающемся меню – user3916285

Вы с орфографической ошибкой MySelection с mySelection

В JS у вас есть document.getElementById("MySelection") // notice the uppercase M

и в HTML вы hav e id="mySelection"

Кроме того, установите второй флажок, когда окно загрузится и добавьте событие onChange в первый выбор, который установит второе событие в значение enabled/true ... это то, что вы хотите?

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript"> 

window.onload = function(){ 
    document.getElementById("mySelection").disabled = true; 
}; 

function mySecondFunction() { 
    document.getElementById("mySelection").disabled = false; 
} 

</script> 

</head> 
<body> 

<form action=""> 
<select name="cars" onchange="mySecondFunction()"> 
<option value="default">default</option> 
<option value="saab">Saab</option> 
<option value="fiat">Fiat</option> 
<option value="audi">Audi</option> 
</select> 
<br> 
<select name="cars" id="mySelection"> 
<option value="Action1">Volvo</option> 
<option value="Action2">Saab</option> 
<option value="Action3">Fiat</option> 
<option value="Action4">Audi</option> 
</select> 
</form> 

</body> 
</html>

Вы можете установить второй выбор обратно отключается, если пользователь выбирает «по умолчанию» в первом меню после изменения значения

источник

2014-10-10 10:09:01

все еще не работает – user3916285

JavaScript селекторов чувствительны к регистру. Ваша ошибка: mySelection ID:

document.getElementById("MySelection").disabled = false; 
<select disabled name="cars" id="mySelection">

источник

2014-10-10 10:10:41 gabitzish

Вы должны использовать этот тег внутреннего тела. fiddle

<head> 


</head> 
<body onload="mySecondFunction()"> 

<form action=""> 
<select name="cars" > 
<option value="default">default</option> 
<option value="saab">Saab</option> 
<option value="fiat">Fiat</option> 
<option value="audi">Audi</option> 
</select> 
<br> 
<select disabled name="cars" id="mySelection"> 
<option value="Action1">Volvo</option> 
<option value="Action2">Saab</option> 
<option value="Action3">Fiat</option> 
<option value="Action4">Audi</option> 
</select> 
</form> 

</body> 
<script type="text/javascript"> 

function mySecondFunction() { 
alert("aaa"); 
    document.getElementById("mySelection").disabled = false; 
} 

</script> 
</html>

источник

2014-10-10 10:17:28

Как и другие отметили, вы mispelled идентификатор второго <select>, но и вы использовали неправильный случай, onchange является то, что вы хотите вместо onload.

function mySecondFunction() { 
 
    document.getElementById('mySelection').disabled = false;  
 
}

<form action=""> 
 
    <select name="cars" onchange="mySecondFunction();"> 
 
     <option value="default">default</option> 
 
     <option value="saab">Saab</option> 
 
     <option value="fiat">Fiat</option> 
 
     <option value="audi">Audi</option> 
 
    </select> 
 
    
 
    <br /> 
 
     
 
    <select disabled="disabled" name="cars" id="mySelection"> 
 
     <option value="Action1">Volvo</option> 
 
     <option value="Action2">Saab</option> 
 
     <option value="Action3">Fiat</option> 
 
     <option value="Action4">Audi</option> 
 
    </select> 
 
</form>

Но рассмотрит с помощью JQuery и вложения события в JavaScript, вместо того, чтобы их хранить в HTML.

источник

2014-10-10 10:18:07

Попробуйте это:

Заменить

document.getElementById("mySelection").disabled = false;

с этим

document.getElementById("mySelection").removeAttribute('disabled');

Кроме того, вы можете захотеть изменить

onload="mySecondFunction()"

с этим:

onchange="mySecondFunction()"

Надеюсь, это поможет.

источник

2014-10-10 10:27:10

, если вы хотите удалить Отключено в определенном значении типа (Saab)

See fiddle примечание: поставить скрипт в b4 головной метке

function mySecondFunction() 
{ 
var ddl = document.getElementById("1"); 
var selectedValue = ddl.options[ddl.selectedIndex].value; 
    if (selectedValue == "saab") 
    { 
    document.getElementById("mySelection").disabled = false; 
    }else { 
    document.getElementById("mySelection").disabled = true; 
    } 
} 

<form action=""> 
    <select id="1" name="cars" onchange="mySecondFunction()"> 
     <option value="default">default</option> 
     <option value="saab">Saab</option> 
     <option value="fiat">Fiat</option> 
     <option value="audi">Audi</option> 
    </select> 

    <br /> 

    <select disabled="disabled" name="cars" id="mySelection"> 
     <option value="Action1">Volvo</option> 
     <option value="Action2">Saab</option> 
     <option value="Action3">Fiat</option> 
     <option value="Action4">Audi</option> 
    </select> 
</form>

UPDATE See fiddle

function mySecondFunction() 
{ 
var ddl = document.getElementById("1"); 
var selectedValue = ddl.options[ddl.selectedIndex].value; 
    if (selectedValue == "default") 
    { 
    document.getElementById("mySelection").disabled = true; 
    }else { 
    document.getElementById("mySelection").disabled = false; 
    } 
}

источник

2014-10-10 10:29:09 Jonathan

Как вы это сделаете, чтобы, если его по умолчанию, то второй снимок остается отключенным, тогда как если его любое другое значение, другое по умолчанию, второе падение должно быть редактируемым – user3916285

Просто измените значения изменений на значение по умолчанию и установите значение false и true 'function mySecondFunction() { var ddl = document.getElementById (" 1 "); var selectedValue = ddl.options [ddl.selectedIndex] .value; if (selectedValue == "default") { document.getElementById ("mySelection"). Disabled = true; } else { document.getElementById ("mySelection"). Disabled = false; } } ' – Jonathan

См. ОБНОВЛЕНИЕ выше – Jonathan

Изменить onload на onchange.

<select name="cars" onchange="mySecondFunction();">

источник

2014-10-10 10:32:01 Naveen

Код Javascript не работает

ответ

Смежные вопросы