С bind/on change Как показать строку

Question

У меня есть форма, использующая coldfusion, которая в настоящее время использует привязку для генерации значения. После того, как пользователь выбирает из выпадающего списка, автоматически генерируется значение «Y» или «N», генерируемое из таблицы. Мне нужно использовать это значение, в этом случае, если значение равно «Y», чтобы отобразить больше вопросов для ответа. Вот как выглядит текущее кодирование.

<td>Select Category: 
    <cfselect name="catdesc" 
    title="Select category to generate related services" 
    bind="cfc:servicetype2.cat_description()" 
    bindonload="true"/><br /> 
</td> 
</tr>            
<tr id="serv_ty2" style="display: inline;"> 
    <td></td> 
    <td>Select Service: 
    <cfselect name="service_type" 
    bind="cfc:servicetype2.getServiceType2({catdesc})" 
    bindonload="false"/></td> 
</tr> 
<tr id="lr_verify" style="display: inline;"> 
    <td></td> 
    <td>Labor Relations Required: 
    <cfinput name="lr_needed" <!--- 
    onchange="document.getElementById('lr_question').style.display = (this.selectedIndex == Y) ? 'inline' : 'none'"---> 
    bind="cfc:servicetype2.getLR({service_type})" 
    onchange="editLR()" 
    bindonload="false"/></td> 
</tr> 

Вот дополнительные вопросы, которые я хочу, чтобы показать, если Y генерируются

<TR id="lr_question" name="lr_question" style="display: none;"> 
    <td align="left" nowrap>nbsp;<b>Additional Question:</b><br>(Hold Ctrl to select multiple)</td> 
    <td align="left">Question:<br><br> 
    <select id="lr_quest" name="lr_quest" multiple="multiple" required="NO" size="5"> 
    <option name="abc" id="abc"> 
    Choice 1</option> 
    <option name="abc2" id="abc2"> 
    Choice 2</option> 
    </select> 

Из моих исследований я попытался два решения, но ни работать, я предполагаю, что у меня есть неправильный синтаксис или мое мышление является правильным ,

Вот что функция попытка Java была:

function editLR() 
{ 
    // if 'Y' then additional questions for service type should show 
    var lrshow = document.getElementById("lr_needed"); 
    if(lrshow == 'Y') { 
    lr_question.style.display = "inline";   
    } 
    else if (lrshow == 'N') { 
    lr_question.style.display = "none"; 
    } 
    else if (lrshow == '') { 
    lr_question.style.display = "none"; 
    } 
} 

Позвольте мне знать, если у вас есть какие-либо предложения, я прошу прощения, если я не объяснить себя правильно. Заранее спасибо за любую помощь, я до сих пор новичок в javascript и coldfusion, поэтому изучая все доступные элементы.

Answer 1

Для начала, у вас есть это:

var lrshow = document.getElementById("lr_needed"); 

Добавьте эту строку после нее и посмотреть, что получится.

alert("lrshow is " + lrshow); 

Затем посмотреть, если это делает никакой разницы:

var lrshow = document.getElementById("lr_needed").value; 
alert("lrshow is " + lrshow);