Skip to main content
Formatação
Fonte Link
Victor Stafusa
  • 64,9mil
  • 9
  • 120
  • 189

Como criar uma nova tag img com JQueryjQuery?

Amigos GostariaGostaria de alteraalterar o 'c:\imagem.jpg'c:\imagem.jpg de acordo com o que foi selecionado no <option id="selecao" value="01">c:\imagem.jpg</option>. Segue o código:

c:\imagem.jpgSegue o código:
    <DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
    
        $(function(){
 
        $("#btnTeste").click(function(){
          var select = document.getElementById("selecao");
          alert(select.innerText);
          var img = $('<img />', { id: 'Myid', src: 'c:\imagem.jpg' , alt:'MyAlt'}) .appendTo($('#divPrincipal'));
        });
 
    })

 
    </script>
</head>
<body>
 
    <div id="divPrincipal">
 
    </div>
    

    <select name="select-native-fc" >
        <option id="selecao" value="01">c:\imagem.jpg</option>
    </select>

 
    <button id="btnTeste">Testar</button>
 
</body>
</html>

EstéEste é o código da Views:

@model ProjetoDelphiMobile.Models.cliente

@{
    ViewBag.Title = "";
}

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script>
 
    $(function () {
 
        $("#btnTeste").click(function () {
            var src = $('select[name="select-native-fc"]').text();
            alert(src);
            var img = $('<img />', { id: 'Myid', src: src, alt: 'MyAlt' }).appendTo($('#divPrincipal'));
        });
 
    })

 
</script>


 
 
<form>
 
    <fieldset data-role="controlgroup">
 
  @*      <div >
            <img id="foto" src="@Url.Action("Thumbnail", "ConsultaCliente", new {caminhofoto = "caminho", largura = 100, altura = 100 })" alt="thumbnail" />
        </div>*@

 
            <div id="divPrincipal">
            </div>
 
               <label>Foto:</label>
               <div  name="select-native-fc" >
                    @Html.DropDownList("idFoto", String.Empty) 
                </div>


 
              <button id="btnTeste">Testar</button>


 
        <ul data-role="listview" data-inset="true" data-divider-theme="e">
            <li><a href="/ConsultaCliente">Retornar para consulta</a></li>
        </ul>
 
    </fieldset>



 
</form>

Este é o código do Controller:

        public ActionResult AtualizaCliente(int id)
    {
        ViewBag.idFoto = new SelectList(dao.fotos, "idFoto", "Foto");
        ViewBag.idInformacao = new  SelectList(dao.informacoes, "idInformacao", "titulo");
        return View(dao.cliente.Find(id));
    }
    public ActionResult AtualizaCliente(int id)
    {
        ViewBag.idFoto = new SelectList(dao.fotos, "idFoto", "Foto");
        ViewBag.idInformacao = new SelectList(dao.informacoes, "idInformacao", "titulo");
        return View(dao.cliente.Find(id));
    }

Como criar uma nova tag img com JQuery?

Amigos Gostaria de altera o 'c:\imagem.jpg' de acordo com o que foi selecionado no :

c:\imagem.jpgSegue o código:
    <DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
    
        $(function(){
 
        $("#btnTeste").click(function(){
          var select = document.getElementById("selecao");
          alert(select.innerText);
          var img = $('<img />', { id: 'Myid', src: 'c:\imagem.jpg' , alt:'MyAlt'}) .appendTo($('#divPrincipal'));
        });
 
    })

 
    </script>
</head>
<body>
 
    <div id="divPrincipal">
 
    </div>
    

    <select name="select-native-fc" >
        <option id="selecao" value="01">c:\imagem.jpg</option>
    </select>

 
    <button id="btnTeste">Testar</button>
 
</body>
</html>

Esté código da Views:

@model ProjetoDelphiMobile.Models.cliente

@{
    ViewBag.Title = "";
}

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script>
 
    $(function () {
 
        $("#btnTeste").click(function () {
            var src = $('select[name="select-native-fc"]').text();
            alert(src);
            var img = $('<img />', { id: 'Myid', src: src, alt: 'MyAlt' }).appendTo($('#divPrincipal'));
        });
 
    })

 
</script>


 
 
<form>
 
    <fieldset data-role="controlgroup">
 
  @*      <div >
            <img id="foto" src="@Url.Action("Thumbnail", "ConsultaCliente", new {caminhofoto = "caminho", largura = 100, altura = 100 })" alt="thumbnail" />
        </div>*@

 
            <div id="divPrincipal">
            </div>
 
               <label>Foto:</label>
               <div  name="select-native-fc" >
                    @Html.DropDownList("idFoto", String.Empty) 
                </div>


 
              <button id="btnTeste">Testar</button>


 
        <ul data-role="listview" data-inset="true" data-divider-theme="e">
            <li><a href="/ConsultaCliente">Retornar para consulta</a></li>
        </ul>
 
    </fieldset>



 
</form>

Este código do Controller:

        public ActionResult AtualizaCliente(int id)
    {
        ViewBag.idFoto = new SelectList(dao.fotos, "idFoto", "Foto");
        ViewBag.idInformacao = new  SelectList(dao.informacoes, "idInformacao", "titulo");
        return View(dao.cliente.Find(id));
    }

Como criar uma nova tag img com jQuery?

Gostaria de alterar o c:\imagem.jpg de acordo com o que foi selecionado no <option id="selecao" value="01">c:\imagem.jpg</option>. Segue o código:

<DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        $(function(){
        $("#btnTeste").click(function(){
          var select = document.getElementById("selecao");
          alert(select.innerText);
          var img = $('<img />', { id: 'Myid', src: 'c:\imagem.jpg' , alt:'MyAlt'}) .appendTo($('#divPrincipal'));
        });
    })
    </script>
</head>
<body>
    <div id="divPrincipal">
    </div>
    <select name="select-native-fc" >
        <option id="selecao" value="01">c:\imagem.jpg</option>
    </select>
    <button id="btnTeste">Testar</button>
</body>
</html>

Este é o código da Views:

@model ProjetoDelphiMobile.Models.cliente

@{
    ViewBag.Title = "";
}

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script>
    $(function () {
        $("#btnTeste").click(function () {
            var src = $('select[name="select-native-fc"]').text();
            alert(src);
            var img = $('<img />', { id: 'Myid', src: src, alt: 'MyAlt' }).appendTo($('#divPrincipal'));
        });
    })
</script>
<form>
    <fieldset data-role="controlgroup">
  @*      <div >
            <img id="foto" src="@Url.Action("Thumbnail", "ConsultaCliente", new {caminhofoto = "caminho", largura = 100, altura = 100 })" alt="thumbnail" />
        </div>*@
            <div id="divPrincipal">
            </div>
               <label>Foto:</label>
               <div  name="select-native-fc" >
                    @Html.DropDownList("idFoto", String.Empty) 
                </div>
              <button id="btnTeste">Testar</button>
        <ul data-role="listview" data-inset="true" data-divider-theme="e">
            <li><a href="/ConsultaCliente">Retornar para consulta</a></li>
        </ul>
    </fieldset>
</form>

Este é o código do Controller:

    public ActionResult AtualizaCliente(int id)
    {
        ViewBag.idFoto = new SelectList(dao.fotos, "idFoto", "Foto");
        ViewBag.idInformacao = new SelectList(dao.informacoes, "idInformacao", "titulo");
        return View(dao.cliente.Find(id));
    }
novo código
Fonte Link
Harry
  • 3,8mil
  • 8
  • 34
  • 81

Uma nova dúvidaEsté código da Views:

No views

@model ProjetoDelphiMobile.Models.cliente

@{
    ViewBag.Title = "";
}

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script>

    $(function () {

        $("#btnTeste").click(function () {
            var src = $('select[name="select-native-fc"]').text();
            alert(src);
            var img = $('<img />', { id: 'Myid', src: src, alt: 'MyAlt' }).appendTo($('#divPrincipal'));
        });

    })


</script>



 
<form>

    <fieldset data-role="controlgroup">

  @*      <div >
            <img id="foto" src="@Url.Action("Thumbnail", "ConsultaCliente", new {caminhofoto = "caminho", largura = 100, altura = 100 })" alt="thumbnail" />
        </div>*@


            <div id="divPrincipal">
            </div>

               <label>Foto:</label>
               <div  name="select-native-fc" >
                    @Html.DropDownList("idFoto", String.Empty) 
                </div>



              <button id="btnTeste">Testar</button>



        <ul data-role="listview" data-inset="true" data-divider-theme="e">
            <li><a href="/ConsultaCliente">Retornar para consulta</a></li>
        </ul>

    </fieldset>




</form>

Este código do Controller:

<script>

$(function () {

    $("#btnTeste").click(function () {
        var srcpublic =ActionResult $('select[name="select-native-fc"]').textAtualizaCliente(int id);
        alert(src);{
        var imgViewBag.idFoto = $('<img />', { id:new 'Myid'SelectList(dao.fotos, src: src"idFoto", alt: 'MyAlt' }).appendTo($('#divPrincipal'));
    }"Foto");

})
<div id="divPrincipal">
        </div>

           <label>Foto:</label>
        ViewBag.idInformacao = new <div SelectList(dao.informacoes, name="select-native-fc""idInformacao", >"titulo");
               return @Html.DropDownListView("idFoto", Stringdao.Emptycliente.Find(id) 
            </div>
);
          <button id="btnTeste">Testar</button>}

Uma nova dúvida

No views:

<script>

$(function () {

    $("#btnTeste").click(function () {
        var src = $('select[name="select-native-fc"]').text();
        alert(src);
        var img = $('<img />', { id: 'Myid', src: src, alt: 'MyAlt' }).appendTo($('#divPrincipal'));
    });

})
<div id="divPrincipal">
        </div>

           <label>Foto:</label>
           <div  name="select-native-fc" >
                @Html.DropDownList("idFoto", String.Empty) 
            </div>

          <button id="btnTeste">Testar</button>

Esté código da Views:

@model ProjetoDelphiMobile.Models.cliente

@{
    ViewBag.Title = "";
}

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script>

    $(function () {

        $("#btnTeste").click(function () {
            var src = $('select[name="select-native-fc"]').text();
            alert(src);
            var img = $('<img />', { id: 'Myid', src: src, alt: 'MyAlt' }).appendTo($('#divPrincipal'));
        });

    })


</script>



 
<form>

    <fieldset data-role="controlgroup">

  @*      <div >
            <img id="foto" src="@Url.Action("Thumbnail", "ConsultaCliente", new {caminhofoto = "caminho", largura = 100, altura = 100 })" alt="thumbnail" />
        </div>*@


            <div id="divPrincipal">
            </div>

               <label>Foto:</label>
               <div  name="select-native-fc" >
                    @Html.DropDownList("idFoto", String.Empty) 
                </div>



              <button id="btnTeste">Testar</button>



        <ul data-role="listview" data-inset="true" data-divider-theme="e">
            <li><a href="/ConsultaCliente">Retornar para consulta</a></li>
        </ul>

    </fieldset>




</form>

Este código do Controller:

        public ActionResult AtualizaCliente(int id)
    {
        ViewBag.idFoto = new SelectList(dao.fotos, "idFoto", "Foto");
        ViewBag.idInformacao = new  SelectList(dao.informacoes, "idInformacao", "titulo");
        return View(dao.cliente.Find(id));
    }
Adicionei código
Fonte Link
Harry
  • 3,8mil
  • 8
  • 34
  • 81

Amigos Gostaria de altera o 'c:\imagem.jpg' de acordo com o que foi selecionado no :

c:\imagem.jpg Segue o código:

    <DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
    
        $(function(){

        $("#btnTeste").click(function(){
          var select = document.getElementById("selecao");
          alert(select.innerText);
          var img = $('<img />', { id: 'Myid', src: 'c:\imagem.jpg' , alt:'MyAlt'}) .appendTo($('#divPrincipal'));
        });

    })


    </script>
</head>
<body>

    <div id="divPrincipal">

    </div>
    

    <select name="select-native-fc" >
        <option id="selecao" value="01">c:\imagem.jpg</option>
    </select>


    <button id="btnTeste">Testar</button>

</body>
</html>

Uma nova dúvida

No views:

<script>

$(function () {

    $("#btnTeste").click(function () {
        var src = $('select[name="select-native-fc"]').text();
        alert(src);
        var img = $('<img />', { id: 'Myid', src: src, alt: 'MyAlt' }).appendTo($('#divPrincipal'));
    });

})
<div id="divPrincipal">
        </div>

           <label>Foto:</label>
           <div  name="select-native-fc" >
                @Html.DropDownList("idFoto", String.Empty) 
            </div>

          <button id="btnTeste">Testar</button>

Amigos Gostaria de altera o 'c:\imagem.jpg' de acordo com o que foi selecionado no :

c:\imagem.jpg Segue o código:

    <DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
    
        $(function(){

        $("#btnTeste").click(function(){
          var select = document.getElementById("selecao");
          alert(select.innerText);
          var img = $('<img />', { id: 'Myid', src: 'c:\imagem.jpg' , alt:'MyAlt'}) .appendTo($('#divPrincipal'));
        });

    })


    </script>
</head>
<body>

    <div id="divPrincipal">

    </div>
    

    <select name="select-native-fc" >
        <option id="selecao" value="01">c:\imagem.jpg</option>
    </select>


    <button id="btnTeste">Testar</button>

</body>
</html>

Amigos Gostaria de altera o 'c:\imagem.jpg' de acordo com o que foi selecionado no :

c:\imagem.jpg Segue o código:

    <DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
    
        $(function(){

        $("#btnTeste").click(function(){
          var select = document.getElementById("selecao");
          alert(select.innerText);
          var img = $('<img />', { id: 'Myid', src: 'c:\imagem.jpg' , alt:'MyAlt'}) .appendTo($('#divPrincipal'));
        });

    })


    </script>
</head>
<body>

    <div id="divPrincipal">

    </div>
    

    <select name="select-native-fc" >
        <option id="selecao" value="01">c:\imagem.jpg</option>
    </select>


    <button id="btnTeste">Testar</button>

</body>
</html>

Uma nova dúvida

No views:

<script>

$(function () {

    $("#btnTeste").click(function () {
        var src = $('select[name="select-native-fc"]').text();
        alert(src);
        var img = $('<img />', { id: 'Myid', src: src, alt: 'MyAlt' }).appendTo($('#divPrincipal'));
    });

})
<div id="divPrincipal">
        </div>

           <label>Foto:</label>
           <div  name="select-native-fc" >
                @Html.DropDownList("idFoto", String.Empty) 
            </div>

          <button id="btnTeste">Testar</button>
Fonte Link
Harry
  • 3,8mil
  • 8
  • 34
  • 81
Carregando