Question

我有以下jquery，当选择一个选项时会添加一些HTML或另一个基于if else语句，这是正常的，问题是一旦选择了一个选项，如果我返回并更改选项，添加的HTML不会改变，但如果我添加一个警报，警报会根据选项框的值名称进行更改，所以我不明白为什么它不会根据change（）jquery函数更改html。

这是代码

$("select").change(function() {

 option = $("#opcion").val();

if(option == "celulares") {
$(".insert").replaceWith( " <div class='row' id='option2'> <div      class='col-xs-6'>Por favor ingrese el costo de cada celular en dolares: </div><div class='col-xs-6'><form class='form-inline'><div class='form-group'><label class='sr-only' for='exampleInputAmount'>Amount (in dollars)</label><div class='input-group'><div class='input-group-addon'>$</div><input type='text' class='form-control' id='costoproducto' placeholder='Monto'><div class='input-group-addon'>.00</div></div></div><div id='validacioncosto'></div></form></div></div><hr> " + 
  "<div class='row' id='option6'><div class='col-xs-6' id='resultado'></div><div class='col-xs-6'><button type='button' id='calculo' class='btn btn-warning'>Calcular</button></div></div><div class='row' id='result'></div> "); 

} else if(option == "electronica" || option == "juguetes" || option == "repuestos" || option == "otro") {
$(".insert").replaceWith(option);
alert(option);
}
});

和HTML

 <option></option>                   
 <option value="celulares">Celulares</option>
 <option value="electronica">Electronica</option>
 <option value="juguetes">Juguetes</option>
 <option value="repuestos">Repuestos</option>
 <option value="otro">Otro</option>

</select>
            </div>
        </div>
    </div>

    <hr>
    <div class="insert">
        <p>hola</p>
    </div>

任何提示？

Answer 1

使用private void CreateImageIteminSitecore() { filePath = @"C:\Sitecore\Website\ImageTemp\Pic.jpg; using (new SecurityDisabler()) { Database masterDb = Sitecore.Configuration.Factory.GetDatabase("master"); Sitecore.Resources.Media.MediaCreatorOptions options = new Sitecore.Resources.Media.MediaCreatorOptions(); options.FileBased = true; options.AlternateText = Path.GetFileNameWithoutExtension(filePath); options.Destination = "/sitecore/media library/Downloads/"; options.Database = masterDb; options.Versioned = false; // Do not make a versioned template options.KeepExisting = false; Sitecore.Data.Items.MediaItem mediaitemImage = new Sitecore.Resources.Media.MediaCreator().CreateFromFile(filePath, options); Item ImageItem = masterDb.GetItem(mediaitemImage.ID.ToString()); ImageItem.Editing.BeginEdit(); ImageItem.Name = Path.GetFileNameWithoutExtension(filePath); ImageItem.Editing.EndEdit(); } }代替$(".insert").html()可能会更好，这样您就可以切换div的内容。

Answer 2

replaceWith函数用新HTML替换元素。因此，在那之后，您将无法再选择它，因为您使用的HTML没有insert类。我认为你想要这样的函数html：

$(".insert").html( YOUR_HTML);

选择框更改后，Jquery更改html

2 个答案: