gpt4 book ai didi

javascript - 根据下拉菜单中的所选元素而变化的文本区域

转载 作者:太空宇宙 更新时间:2023-11-04 04:19:19 26 4
gpt4 key购买 nike

已解决...您可以关闭...

我有一个下拉菜单和一个文本区域,根据在下拉菜单中选择的元素(动态),我可以在其中输入不同的文字。

我的 html-php 代码是这样的:

<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery-2.0.3.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#copyright_titles').change(function () {
var isFirstSelected = $("#copyright_titles option:first-child" ).is(':selected');
var isLastSelected = $("#copyright_titles option:last-child" ).is(':selected');

if (isFirstSelected) {
$('#copyright_text').hide();
return;
}

$('#copyright_text').attr("readonly",isLastSelected?false:true);


$.ajax({ type: "GET", url: "copyrights.xml", dataType: "xml", success: function(xml) {

$(xml).find('copyright').each(function() {

var copyright_title_selected = $("#copyright_titles option:selected").text();
var title = $(this).find('title').text();
var text = $(this).find('text').text();

if (title === copyright_title_selected) {
$('#copyright_text').text(text);
}

});
},
error: function(request, error, tipo_errore) { alert(error+': '+ tipo_errore); }
});


$('#copyright_text').show();
});
});
</script>
</head>
<body>

<form name="test" action="test.php" method="post">
<table>
<tr>
<td>Copyright:</td>
<td>
<select id='copyright_titles'>
<?php
$xml = simplexml_load_file('copyrights.xml');
$i = 0;
foreach($xml->copyright as $copyright)
{
$i++;
echo '<option value="copyright'.$i.'">'.$copyright->title.'</option>';
}
?>
</select>
</td>
</tr>
<tr>
<td></td><td>
<textarea id='copyright_text' rows="6" cols="65" style="display:none"></textarea>
</td>
</tr>
</table>
</form>

</body>

文本取自这个 xml 文件:

<copyrights>
<copyright>
<title>free</title>
<text></text>
</copyright>
<copyright>
<title>copyright1</title>
<text>text1</text>
</copyright>
<copyright>
<title>copyright2</title>
<text>text2</text>
</copyright>
<copyright>
<title>copyright3</title>
<text>text3</text>
</copyright>
<copyright>
<title>other</title>
<text></text>
</copyright>

最佳答案

demo

kidnly 根据您的代码更改选择列表HTML:

<select id="selectMe">
<option value=""></option>
<option value="option1">option1</option>
<option value="option2">option2</option>
</select>
<br><br><br>

<textarea name="copyright_text" id="copyright_text" cols="20" rows="7">

</textarea>

JS:

$(document).ready(function () {

$('#selectMe').change(function () {

$('#copyright_text').html($( "#selectMe option:selected" ).text());

})
});

关于javascript - 根据下拉菜单中的所选元素而变化的文本区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19379715/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com