选择比;选择比;文本框(类别>项目在项目描述)

Select > Select > Textbox (Category > Item > Item description)

本文关键字：项目 选择 描述 类别 文本      更新时间：2023-09-26

我试图实现与2选择标签和1输入(文本)的东西

我有一个选择标签:类别我有1选择标签:项目我有一个输入标签:物品描述

它们应该是动态的，所以Item description只显示Item的值，Item只显示Category的值。但是我已经使用了两个选择标签的值来进行交互我怎样才能让输入标签显示响应文本

下面的例子只适用于前两个选择标签。输入的内容应该响应第二个选择标签。

$("#select1").change(function() { 
  if($(this).data('options') == undefined){
    /*Taking an array of all options-2 and kind of embedding it on the select1*/
    $(this).data('options',$('#select2 option').clone());
  } 
  var id = $(this).val();
  var options = $(this).data('options').filter('[value=' + id + ']');
  $('#select2').html(options);
}); 
$("#select1").trigger('change');

和小提琴(示例)http://jsfiddle.net/hW4Mm/3/

我自己的文档是这样的:

            <select name="select1" id="select1">
                <?php while ($row = mysqli_fetch_assoc($result1)) {
                    echo "<option value='" . $row['id_ziektesoort'] . "'" . ">" .  $row['naam'] . "</option>";
                }
                ?>
            </select>
            <label>Incident: </label>
            <select name="select2" id="select2">
                <?php while ($row = mysqli_fetch_assoc($result2)) {
                    echo "<option value='" . $row['ziektesoort_id_ziektesoort'] . "'" . ">" .  $row['naam'] . "</option>";
                }
                ?>
            </select> 
            <input name="advies" id="advies" type="text" readonly="readonly"><?php while ($row = mysqli_fetch_assoc($result3)) { 
                echo $row['advies'];
                }?>
            </input>

您可以在javascript中添加另一个函数，该函数将在更改select2时调用。下面的函数将在输入框中设置select2的文本值。当你改变select2的值时，它的文本值会显示在输入框中。

$("#select2").change(function() { 
     document.getElementById("text").value=$("#select2 :selected").text(); 

    });

你也必须写你的输入文本框如下:

<input type="text" id="text" name="text" value=""></input>

如果您需要更详细的信息，请告诉我。

提琴url: http://jsfiddle.net/hW4Mm/18/

相关文章：