JSFiddle - React, Tailwind, and code Playground
HTML
<input required="required" value="1" name="diarias" id="diaria1" type="radio"><label
for="diaria">Uma diaria</label>
<input required="required" value="2" name="diarias" id="diaria2" type="radio"><label
for="diaria">Duas diarias</label>
<input required="required" value="3" name="diarias" id="diaria3" type="radio"><label
for="diaria">Três diarias</label><br>
<select name="cidade" id="cidade" onclick="calcularopcoes();">
<option name="nenhum" value=""> Escolher </option>
<option name="saopaulo" value="244.00"> São Paulo </option>
<option name="fortaleza" value="412.80" selected> Fortaleza </option>
<option name="Blumenau" value="412.80"> Blumenau </option>
<option name="riopreto" value="400.90"> Rio Preto </option>
</select>
<input id="ajudacusto">
<button id="teste">Calcular</button>
JavaScript
function calcularopcoes(){if(document.getElementById("ajudacusto").value.length < 0){
alert('Por favor, deve se escolher uma opção');
document.getElementById("ajudacusto").focus();
return false
}
var selecionado = null;
var diarias = document.getElementsByName("diarias");
for ( var i = 0 ; i < diarias.length ; i++ )
if ( diarias[i].checked )
selecionado = diarias[i];
if(!selecionado){
alert('Por favor, deve se escolher uma opção');
document.getElementsByName("diarias")[0].focus();
return false
}
// vamos obter o elemento select
var elem = document.getElementById("cidade");
var elem2 = selecionado;
var selecionou = elem.options[elem.options.selectedIndex].value * elem2.value;
// passa opção selecionada para campo
document.getElementById("ajudacusto").value = selecionou;
}
document.getElementById("teste").onclick = calcularopcoes;