Question

我在HTML上创建了一个表单，我希望能够更改div和按钮的属性，但我无法使其工作

<form>
<button type='button' id='other'>Sub</button>
<select id="prop">
    <option value="" disabled selected>Seleccione una opci&oacute;n</option>
    <option value="1">".Otro."</option>;</select>
<button type='button' id='btn'>Votar</button>
<br>
<br>
<div id='one'>
    <input type='text' name='producto' placeholder='Producto'>
    <input type='text' name='precio' placeholder='Precio'></div>

我的Javascript是

var gone = document.getElementById('btn');
var div1 = document.getElementById('one');
var opc = document.getElementById("prop");
var btn = document.getElementById('other');
gone.addEventListener('click', function () {
if (opc.value == "1") {
    div1.style.color = "red";
    btn.setAttribute('type', 'submit');
}});

我不明白它是怎么回事。谢谢你的帮助！ JSFiddle

编辑：我发错了代码和错误的链接，这是我当前的代码，抱歉这个烂摊子。

Answer 1

您必须将e.preventDefault()添加到您的处理程序：

http://jsfiddle.net/0y1LbfyL/10/

您可能想要更改div one的背景而不是颜色？

您的更新后

将我的答案改为：

http://jsfiddle.net/0y1LbfyL/11/

Answer 2

opc.value==1

时

你已经完成了

div1.style.color = "red";
btn.setAttribute('type', 'submit');

但您的代码会触发表单的提交。所以页面重新加载。

无法使用javascript

2 个答案: