Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/368.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何修复此JQuery脚本,该脚本仅在选择了select input标记的特定值时才显示表行?_Javascript_Jquery_Html_Jquery Plugins - Fatal编程技术网

Javascript 如何修复此JQuery脚本,该脚本仅在选择了select input标记的特定值时才显示表行?

Javascript 如何修复此JQuery脚本,该脚本仅在选择了select input标记的特定值时才显示表行?,javascript,jquery,html,jquery-plugins,Javascript,Jquery,Html,Jquery Plugins,我对JQuery的开发非常陌生,我必须做以下事情 我有这样一种形式: <tr> .......................... .......................... <td> <s:select list="kmProjectInfoStatusList" id="selectStatus" headerKey="0" listValue="status"

我对JQuery的开发非常陌生,我必须做以下事情

我有这样一种形式:

<tr>
    ..........................
    ..........................

    <td>
        <s:select list="kmProjectInfoStatusList" id="selectStatus" headerKey="0"
                  listValue="status"
                  listKey="idProjectInfoStatus"
                  headerValue="-- Please Select --"
                  name="kmProjectInfo.status.idProjectInfoStatus"
                />
    </td>

</tr>
    ..........................
    ..........................

<tr id="datePickerRow" style="display:none">

    <td>
        <sj:datepicker name="kmProjectInfo.startingDate" id="since" maxlength="10"
                       displayFormat="dd/mm/yy" showOn="button" duration="slow"
                       showAnim="slideDown" readonly="true" changeMonth="true"
                       changeYear="true"
                />
    </td>
</tr>
$(document).ready(function () {
    $("#selectStatus").bind("SELECT AN OPTION VALUE", function (event, data) {

        if (data.rslt.obj.attr("value") == 4) {
            $('#datePickerRow').show();
        }
        else {
            $('#datePickerRow').hide();
        }

    })
});
这可能是个好主意,也可能是个错误,我可以用其他方式做这件事

如果我的想法没有问题,我就无法实现它,因为我知道.bind()方法用于将事件处理程序直接附加到元素(在我的例子中,事件处理程序是显示或隐藏具有id=datePickerRow的行的函数),但我无法理解在绑定中放置的propper事件是什么(“选择选项值”

将值选择到选择输入标记中的正确绑定事件是什么

我的第二个疑问与如何正确提取此选择输入标记的选定值有关

我曾写道:

data.rslt.obj.attr("value")
但也许这是错误的,因为我认为这不是一个属性

如何修复脚本以正确工作


Tnx

您可以绑定到
change
事件。@jcubic我对JQuery非常陌生。请您提供一个关于如何修复我的脚本的代码片段?
$(“#selectStatus”).bind(“change”),function(){
@jcubic Tnx,以及关于data.rslt.obj.attr(“value”)来检索该值是正确的还是错误的?您应该使用
$(这个).val();
<option value="4">Starting</option>
$(document).ready(function () {
    $("#selectStatus").bind("SELECT AN OPTION VALUE", function (event, data) {

        if (data.rslt.obj.attr("value") == 4) {
            $('#datePickerRow').show();
        }
        else {
            $('#datePickerRow').hide();
        }

    })
});
data.rslt.obj.attr("value")