Javascript 如何对ul元素使用jQuery.html()函数?
当有人在我的选择类型字段中设置值US时,我想更改地址数据模板(街道、家庭号码、城市代码等)。 我在div上做过类似的事情,但当这些数据是ul类型时,我遇到了问题 我在jQuery中没有太多的过期时间您能告诉我哪里有错误,或者如何在ul元素上使用.html函数吗? 这是HTML代码(我使用的是Open Power模板):Javascript 如何对ul元素使用jQuery.html()函数?,javascript,jquery,html,Javascript,Jquery,Html,当有人在我的选择类型字段中设置值US时,我想更改地址数据模板(街道、家庭号码、城市代码等)。 我在div上做过类似的事情,但当这些数据是ul类型时,我遇到了问题 我在jQuery中没有太多的过期时间您能告诉我哪里有错误,或者如何在ul元素上使用.html函数吗? 这是HTML代码(我使用的是Open Power模板): <ul class="address" id="profileAddressDefault"> <li> {u:@$form::getElement('a
<ul class="address" id="profileAddressDefault">
<li>
{u:@$form::getElement('address_city_code')}{u:$form::getElement('address_city_name')}
</li>
<li>
{u:$form::getElement('address_street')}
{u:$form::getElement('address_street_hn')}
{u:entity('nbsp')}/{u:entity('nbsp')}
{u:$form::getElement('address_street_an')}
</li>
</ul>
<ul class="address" id="profileAddressUs" style="display: none;">
<li>
{u:$form::getElement('address_city_name')}
{u:@$form::getElement('address_city_code')}
</li>
<li>
{u:$form::getElement('address_street_hn')}
{u:entity('nbsp')}/{u:entity('nbsp')}
{u:$form::getElement('address_street_an')}
{u:$form::getElement('address_street')}
</li>
</ul>
$j('#country_id').change(function() {
if($j('#country_id').val()=='US') {
$j('#profileAddressDefault').html($j('#profileAddressUs').html());
}
});
假设$j(“#profileAddressUs”).html()返回一个元素ID:
.html($j('#profileAddressUs').html());
上面的代码缺少用于选择内部ID的“#”
更好的方法是:
$j('#country_id').change(function() {
if($j('#country_id').val()=='US') {
var elemID = "#" + $j('#profileAddressUs').html();
$j('#profileAddressDefault').html(elemID);
}
});
检查控制台,看看您得到了什么错误。但控制台告诉我,我没有一些库,我的方法不需要这些库。没什么了,你可以发布控制台的输出吗?这将有助于澄清。
加载资源失败:服务器响应状态为404(未找到)http://test.dev/js/lib/select2/select2_locale_en.js
但正如我所说,我不使用这个库,在我的更改系统正常工作之前,$j(“#profileAddressUs”).html()返回一个html代码。此代码应将ul中的代码替换为#profileAddressDefault ID
$j('#country_id').change(function() {
if($j('#country_id').val()=='US') {
var elemID = "#" + $j('#profileAddressUs').html();
$j('#profileAddressDefault').html(elemID);
}
});