Untitled

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
<script src="https://www.gstatic.com/firebasejs/3.7.5/firebase.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<li><a href="index.html">Inicio</a></li>

    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T2VG59" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <div class="container" id="divppal" >
<form style="margin: auto; width: 50%" name="form2"

<a class="navbar-brand logo" title="SOHA">
                <h1>
                    <span>SOHA</span>

                </h1>
              </a>

<div class="form-group">
    <h3 class="name-cat">FILTRAR</h3>

    <p>Elegir sexo</p>
<p>
Hombre: <input type="radio" name="citizenship" id="sexo" /><br />
Mujer: <input type="radio" name="citizenship" id="sexo" /><br />
</p>
    <label>Tipo de producto:</label>
    <select name="categoria" id="tipo" required>
    <option value="" disabled selected>Seleccione un tipo...</option>
        <option value="Ropa">Ropa</option>
        <option value="Perfumes">Maquillajes</option>
    </select>
    </div>
    <br />

    </form>
</body>

if(document.getElementById("sexo").value=="Hombre")
    {
        tp=Ropa;
        document.getElementById('tipo').setAttribute('value',tp);

    }else if(document.getElementById("sexo").value=="Mujer"){
        tp=Maquillajes;
        document.getElementById('tipo').setAttribute('value',tp);
    }else
    alert("Seleccione su sexo");